.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.fixed {
    position: fixed;
}

.flex {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.flex-wrap {
    flex-flow: wrap;
}

.flex-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.inline-block {
    display: inline-block;
}

.block {
    display: block;
}

.hide {
    display: none;
}

.bold {
    font-weight: 700;
}

.txt-center {
    text-align: center;
}

.txt-left {
    text-align: left;
}

.txt-right {
    text-align: right;
}

.before {
    opacity: 0;
    visibility: hidden;
}

.after {
    opacity: 1;
    visibility: visible;
}

.font {
    font-family: Arial;
}

.txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upper {
    text-transform: uppercase;
}

.middle {
    vertical-align: middle;
}

.background {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

@font-face {
    font-family: "icon";
    src: url('iconfont.eot?t=1561461869476');
    /* IE9 */
    src: url('iconfont.eot?t=1561461869476#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAArkAAsAAAAAFLQAAAqUAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCGUAqWRJIhATYCJANoCzYABCAFhG0HgjkbkBEjETaMsgpE9hcJvCnWlcAUV5HAPJKSVpTBthejkNVyd+aFgzVBQHlVdXdGSWZm6dweJLzEJ6AX5F4/D8z846b9JFCsLVCsUGpq0/xkXupK52Fz2DwyNUHO4US0d+8KIABhE8bQVyxu1u0hTNU7pjz7y29dSjquQCANN37+fl/aBZLXZhpkRu3dF3l+nOk7mUUjOBhVW2mLq0G8IL5gvgbDmTlefIOYEzFpb4cAYOJHWUTT5m274ocH1QWajB01YhB+RwK8EF+B0OzGOdVQYiMehHKVvANs0P68KKCy8AMkfAW9U8fhzYbSUJN3VS10KfqqpSzOjwHvpwEUgLKAAZAx3HwRAjO0spoh5rU2+AQoSQb5uEKttK0jtFb76lidrDN0ri7SPfVxfUPf0v9yeuW8zb2fd9V1oYkV1zt2D6c3g6flggjKs7gVY1e2rfrfeBBDBLGE8SIeEwUh1AQRwoeHGwJQJLgjR6AlgQAYQHhBYxsAou5LRSJopFDEgBahiAAtQxELWiHhP7CBRAEigMQDEoCYgEQg0YBUICFAOSBxgCpAgoCaQPyAekA8gMZADEAPIF5ATyA+wHEgEnADiAW4BZ26wj+EIhJyeiFCgzdAEgFvEYoEyL3PCLCqRACrzz7plKpAJVD1wNgA9bgDE6DEEKxtkRmoR7ZEWNzwaMRKSooLBMolx5lmWjBomdEZIipKWYYRb9spcfGMky+TbMcHApGmmSLsyKjIIZglLcnaHrQ0qd+3jr0GaStO20jKFss+C6BvQ8YRLxGw1m7uOs7YIGMlKGsM9zyQuYXT9jixgLPNpZQRtFlN4ORqUaxJ08pZVM1Mp+Wo6Yj5EHWY2Cfwtlr9djthQvAkqxWnbBCnVYxFQ6r235dYwjmNzQYtD8Oh+6qcmnjp6KLF5gthYawSJzm1HXE4yEA+kY+WrW8VOI4VK/fdE2ckcnMpawtdhC55s5DGJQYPbOXOxl2xKs9t8dn5BrdalaKmitnO5iAd9rQma0rDkac2jetDb4/8Lvl37Ti+74jpaPjBw9ShEJJmWY5jGFrZaOE0GoddSdMUo3LYlAwjmXbBqlTSm0BRVg3Hcm3w9C7nadR+CXPQB3HYCaTXrG7pjW2YzcqmZoamG82gPkIHqRTW050Q7/y2rVLgCetSZ8zuzVnPrK0rzYEM1VFNaqPuUrt90J2tIpN4WN7YYCvX0wHKphbWnKtqbqK7O1fT2sz0QKnaSCnxZMIASTXJU0Uyc8sVXbbRCZDkFIK5bx3Dww9GumMyTJ5HRDyrqAdHXUyOeIttHBh+qqANc+7bV5TWUg2bAzCYNz8ZkkiigBc2M3NVByMhs3nToX0H1MQWH7X1E8L+Pun4FNreNTRILDXDaFGZZbtttTg5O1CzZfx1opmaucGIH5D5/yO661n3Yjgkbjoa+gM1+18t0NhubgNmYs20EnU3j9uLPaYwjIVDptdznImdLpFbAEKJZWYEMQ0SrFmJN0QnGx2/c9BpEP1Jka4huWD+V/pPe7xlFDgC7JA6spD9PVIQfMMP9OCXF1TWeU3KV/eUtaEBZd8WvAuK/5sMJnSpPpGW/F307/Vh+GEg8dX7AngVSqHT6XKWqupTiZWKRfrRIhEEv4QpWyNaIr+I+NJFFig/e6QxYuSHXrRjNztbjGG6vmdrVyJb0RensaVlpXOKE/1nRo4UixKHsj7ZH66XA0NK4IQdjW2IrnJkWmKguKhFp67ZntvR5/aTTPcHk1xQSMaoS6KWL52xCDNe27kanY9cWejdvBg7waH9AWsC3l04HPXx60RewtIorRHduQxtYhxeZESH0V3L0cakbEMe71WxvsRTOaQfPAZeJetTzG8E7CuGk4p8T92cE4iLvDuD46bp6sKXrA1PqfGoD1DMe2Ho4Q8JfpiWVBdaR0JFek4vSk9Hq8i/gW7u5fdhzASkEqlmevsEel2r0n8+iRx7Uxg4rI8OSlvexQu5XXg2ZFtR/4HgK0VEZZNrXvzYx1V+c4dN9FSAov3ztcy6D1QfrKsWuxPloucSudZYzD9TuOeNuzRZunv9HvuAT0xBwozUqEh9vuctbTAIWTNnXY0nADsIYbNfCJRD+fHNsqsAytVyFSG9ChYQwqsyQqaSqaH8qhz6h5TKS4VSCHbm36RjgfnwWN0+QZDgp1+kQIa4gYwCHiFvMS3WL0iq2IG9eY3teME3r158sNdvDi1PnH/TZGrx2vneKuzKZXQVOIWSBPSyVXr1MnCWHhy1dIjH1x7I+yViFogEK3RBuk1CgZtgkzZJu1nlzITNWg8Tijf511wJJlcIoItWOKEUfzZ3RLlV6TMcJL7+2W/bD/fERWJcCq+Wyuba1a7iIpBaMDMqfSOO3fh37BLvBm9sjDz++ti/lzF8Y/qeesNmfbJ+876hhugvC7zLaoE5o6s707xVDOjqMmduvXR3V4YZ1IJSTcGCM2Ds0Jo1owapZsXqNazWcg3QjK4xaq1QA41xDW07qpGql4PD0wQV2Ula8qxEWupyulylpobX9FCQKjMQ9aC/f3N7R/IBdrP+6J+8cMsCo8KyZgnjZly5bp15lE8vWWtRGL/79hDmcmFy1MMu5yHeYZ7T+U4POV1gW5H0Y7XhxOgIshg5zWAD0sKOQ34zu9LuZ/pKXTuD0Hbakkp6lYQwm3Ps8TiZQq3DS9aPYXWbqS50AGUopA4x4OEDiObvZhinrv21Lvw+hj5HMxMzj0Y00jbawvfmoPamzRvYaN6NvSvaqPITr8VGNgTuxrwVg/rueif2Dojb56x1HBzlSJ40OX3yQrELJ0/ecbZk3WZpi9vOCoX1522H3aayrC3OnXPBtqfTmLkzlt+qrItlF7NWOrf512GB614FUAcUAPek2nqhqAUqTfxyBr82wLJ/9anMBZAn5S1txUDZMC3FTo7cAu43ZVGBMH/XkvRG8jLJ6Cpn5e0qM61XFaOknntdXVSNyC4H5Cz3rzs/pUqTflGlxbG7RpGeJ/Zj9Sfp1TKXy4EPN7uBmlMSgwPCdb/5Jc9ARS9rZo8jPfPN9INelgA8uKDRJsTmv/In08Qk42eQ0qTbxFnQ/3/5QqnBSSzFXyoBmGwG4OElO4p3dTPFxhYf5Uwqi0gE+BKFkBBbwzGGeJCQQrwIyScm0bQ420LBZBSIEQBQmmUCQZBxhKB4cpNgyLhry3N8S/ioKSJuyIQiYtb9e77kmpftq1cCyVCK4imcwkaLybzSm36B6StJdlkL+AMKrkhkcequ+oQGKI8jws3kzFpowlp8CHeDqkLREl5BcWyZ20uSaN4TYoX1YMUrAiQGSkLhqcR0FNTQa7OV5/d/AUavIlFIn78x/wASuHQhe+LsM4btp9HE6rMurYMbI8eEaULqTFBN+CAMVKwcCS1/pyugsJhNUdq6SMhYOq4Rl2+ql4bB5OuX/phJUSEVVdMN07Id1/PLe1VUVlXX9K6t62MyEmsYdd1cNqaCvt2qPjDW0R2UlTxV812BK74aiRma1+ZO5IzlnVMETPhXfZrLkdmsw0krcRZAkrILh9a8bVBMVYUB1pmYsgwrSrw384gJ2SzCzGyTvynjJ+azysA8a6GIgqbrF9FW9O06p95p0/LBAAAAAA==') format('woff2'), url('iconfont.woff?t=1561461869476') format('woff'), url('iconfont.ttf?t=1561461869476') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1561461869476#iconfont') format('svg');
    /* iOS 4.1- */
}

@media screen and (min-width: 1024px) {
    ::-webkit-scrollbar {
        width: 5px;
        background-color: #f7f8f9;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #3d509f;
    }

    .footer-wrapper .friend-link .box:hover .list {
        display: block;
    }

    .index-box-1 .children-box li:nth-child(-n+3) {
        margin-top: 0;
    }

    .index-box-2 .info-swiper .pic,
    .index-box-2 .info-swiper .info {
        opacity: 0;
        visibility: hidden;
    }

    .index-box-2 .info-swiper .swiper-slide-active .pic,
    .index-box-2 .info-swiper .swiper-slide-active .info {
        opacity: 1;
        visibility: visible;
    }

    .index-box-1 .cat-box a:hover {
        background-color: #3d509f;
    }

    .index-box-1 .cat-box a:hover:after {
        opacity: 1;
    }

    .index-box-1 .cat-box a:hover .icon {
        box-shadow: 9px 7px 29px 0px rgba(61, 80, 159, 0.23);
    }

    .index-box-1 .cat-box a:hover .icon:before {
        animation: iconScale 0.7s ease;
    }

    .index-box-2 .lab-swiper .swiper-slide:hover:after {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    .index-box-2 .lab-swiper .swiper-slide:hover p {
        color: #3d509f;
        font-weight: 700;
    }

    .index-box-2 .lab-swiper .swiper-slide:hover .icon img {
        display: none;
    }

    .index-box-2 .lab-swiper .swiper-slide:hover .icon img.on {
        display: block;
        animation: fadeIn 0.4s ease;
    }

    .page-nav-wrapper {
        position: relative;
        z-index: 1;
    }

    .page-nav-wrapper:before {
        content: "";
        width: 100%;
        height: 1px;
        background-color: #ebebeb;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 0;
    }

    .page-nav-wrapper .box-container {
        display: flex;
        display: -webkit-box;
        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box;
        /* Firefox 17- */
        display: -webkit-flex;
        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex;
        /* Firefox 18+ */
        display: -ms-flexbox;
        /* IE 10 */
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-items: center;
        height: 80px;
    }

    .page-nav-wrapper .intruction-caption {
        display: none;
    }

    .page-nav-wrapper .page-nav-box {
        overflow: hidden;
    }

    .page-nav-wrapper .nav {
        font-size: 0;
    }

    .page-nav-wrapper .nav > a,
    .page-nav-wrapper .nav .swiper-slide a {
        position: relative;
        display: inline-block;
        color: #666;
        line-height: 80px;
        margin-right: 42px;
        transition: color 0.3s ease;
        -webkit-transition: color 0.3s ease;
        -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
    }

    .page-nav-wrapper .nav > a:last-child,
    .page-nav-wrapper .nav .swiper-slide a:last-child {
        margin-right: 0;
    }

    .page-nav-wrapper .nav > a:before,
    .page-nav-wrapper .nav .swiper-slide a:before {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        background-color: #3d509f;
        transition: transform 0.3s ease;
        -webkit-transition: transform 0.3s ease;
        -moz-transition: transform 0.3s ease;
        -ms-transition: transform 0.3s ease;
        -o-transition: transform 0.3s ease;
    }

    .page-nav-wrapper .nav > a.on,
    .page-nav-wrapper .nav .swiper-slide a.on,
    .page-nav-wrapper .nav > a:hover,
    .page-nav-wrapper .nav .swiper-slide a:hover {
        color: #3d509f;
        font-weight: 700;
    }

    .page-nav-wrapper .nav > a.on:before,
    .page-nav-wrapper .nav .swiper-slide a.on:before,
    .page-nav-wrapper .nav > a:hover:before,
    .page-nav-wrapper .nav .swiper-slide a:hover:before {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    .page-nav-wrapper .breadcrumb {
        font-size: 0;
    }

    .page-nav-wrapper .breadcrumb a,
    .page-nav-wrapper .breadcrumb span,
    .page-nav-wrapper .breadcrumb img {
        display: inline-block;
        vertical-align: middle;
    }

    .page-nav-wrapper .breadcrumb a,
    .page-nav-wrapper .breadcrumb span {
        font-size: 12px;
    }

    .page-nav-wrapper .breadcrumb a {
        color: #666;
    }

    .page-nav-wrapper .breadcrumb a:hover {
        color: #3d509f;
    }

    .page-nav-wrapper .breadcrumb .home img {
        position: relative;
        top: -1px;
    }

    .page-nav-wrapper .breadcrumb .icon {
        margin: 0 16px;
    }

    .page-nav-wrapper .breadcrumb span {
        color: #3d509f;
    }

    .honor-wrapper .list ul > li:nth-child(-n+3) {
        margin-top: 0;
    }

    .honor-wrapper .list ul > li:nth-child(3n) {
        margin-right: 0;
    }

    .service-wrapper .list ul li:nth-child(-n+4) {
        margin-top: 0;
    }

    .service-wrapper .list ul li:nth-child(4n) {
        margin-right: 0;
    }

    .solution-wrapper .cat-swiper .swiper-slide:hover {
        color: #3d509f;
        font-weight: 700;
    }

    .solution-wrapper .cat-swiper .swiper-slide:hover:before {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    .index-box-4 .swiper-wrapper {
        flex-flow: wrap;
    }

    .base-wrapper .box-7 .swiper-wrapper {
        flex-flow: wrap;
    }

    .customs-wrapper .box-2 .swiper-container,
    .customs-wrapper .box-2 .swiper-wrapper {
        overflow: inherit;
    }

    .customs-wrapper .box-2 .swiper-slide:hover .icon {
        box-shadow: 9px 7px 29px 0px rgba(61, 80, 159, 0.23);
    }

    .customs-wrapper .box-2 .swiper-slide:hover .icon:before {
        animation: iconScale 0.8s ease;
    }

    .customs-wrapper .box-3 .swiper-container,
    .customs-wrapper .box-3 .swiper-wrapper {
        overflow: inherit;
    }

    .customs-wrapper .box-3 .swiper-wrapper {
        flex-flow: wrap;
    }

    .customs-wrapper .box-3 .swiper-slide {
        margin-top: 15px;
        margin-right: 15px;
    }

    .customs-wrapper .box-3 .swiper-slide:nth-child(-n+3) {
        margin-top: 0;
    }

    .customs-wrapper .box-3 .swiper-slide:nth-child(3n) {
        margin-right: 0;
    }

    .customs-wrapper .box-3 .swiper-btn {
        display: none;
    }

    .customs-wrapper .box-5 .swiper-container {
        height: 100%;
    }

    .customs-wrapper .box-5 .swiper-container,
    .customs-wrapper .box-5 .swiper-wrapper {
        overflow: inherit;
    }
}

@media screen and (max-width: 1600px) {
    .index-banner-wrapper .info {
        top: 110px;
    }

    .index-banner-wrapper .en {
        font-size: 48px;
        line-height: 64px;
    }

    .index-banner-wrapper .title {
        font-size: 34px;
    }

    .index-box-2 .lab-swiper .swiper-slide:before {
        top: -2px;
    }

    .about-wrapper h2 {
        font-size: 30px;
    }

    .newsinfo-wrapper .relative-box {
        margin-top: 160px;
    }

    .page-banner-wrapper .info-box {
        right: 90px;
    }

    .page-banner-wrapper .info-box .name {
        font-size: 32px;
        line-height: 60px;
    }

    .page-banner-wrapper .info-box .name b {
        font-size: 42px;
    }

    .page-banner-wrapper .info-box .en {
        font-size: 44px;
    }

    .page-caption {
        font-size: 30px;
    }

    .base-wrapper .box-1 .content {
        margin-top: 40px;
    }

    .page-banner-wrapper .swiper-box .swiper-slide {
        width: 290px;
        padding-bottom: 30px;
    }

    .page-banner-wrapper .swiper-box .swiper-slide:after {
        height: 30px;
    }

    .customs-wrapper .box-5 .swiper-slide {
        padding-left: 50px;
    }

    .customs-wrapper .box-9 .name {
        font-size: 22px;
    }
}

@media screen and (max-width: 1440px) {
    .index-banner-wrapper .info {
        top: 100px;
    }

    .index-banner-wrapper .en {
        font-size: 46px;
        line-height: 62px;
    }

    .index-banner-wrapper .title {
        font-size: 32px;
    }

    .about-wrapper .en {
        margin-bottom: 40px;
    }

    .about-wrapper .swiper-btn.prev {
        left: -80px;
    }

    .about-wrapper .swiper-btn.next {
        right: -80px;
    }

    .about-wrapper .inner-2 {
        margin-top: -100px;
    }

    .about-wrapper .box-2 {
        padding-bottom: 60px;
    }

    .culture-wrapper .name,
    .culture-wrapper .title {
        font-size: 22px;
    }

    .service-wrapper .name {
        font-size: 15px;
        line-height: 56px;
    }

    .solution-wrapper .cat-box {
        margin-bottom: 60px;
    }

    .newsinfo-wrapper .relative-box {
        margin-top: 130px;
    }

    .w1365 {
        width: 1200px;
    }

    .newsinfo-wrapper .w1365 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .newsinfo-wrapper .left {
        width: 61%;
    }

    .newsinfo-wrapper .top h2 {
        font-size: 26px;
    }

    .news .inner-1 .title {
        font-size: 20px;
    }

    .news .inner-1 .title:after {
        width: 42px;
    }

    .newsinfo-wrapper .content {
        line-height: 28px;
    }

    .page-caption {
        font-size: 30px;
    }

    .job-wrapper .left ul li .btn {
        width: 100px;
        right: 34px;
    }

    .job-wrapper .pic-box .name,
    .job-wrapper .pic-box .desc {
        font-size: 28px;
    }

    .job-wrapper .pic-box .desc {
        margin-top: 12px;
    }

    .job-wrapper .box-1 .icon {
        font-size: 46px;
    }

    .contact-wrapper .box-2 {
        padding-bottom: 100px;
    }

    .page-banner-wrapper .info-box {
        right: 80px;
        width: 540px;
        top: 110px;
    }

    .page-banner-wrapper .info-box .name {
        font-size: 28px;
        line-height: 56px;
    }

    .page-banner-wrapper .info-box .name b {
        font-size: 38px;
    }

    .page-banner-wrapper .info-box .en {
        font-size: 40px;
    }

    .job-wrapper .left ul li .top {
        padding-right: 160px;
    }

    .page-caption {
        font-size: 28px;
    }

    .base-wrapper .box-1 .content {
        margin-top: 36px;
    }

    .page-nav-wrapper .box-container {
        height: 70px;
    }

    .page-nav-wrapper .nav > a {
        line-height: 70px;
    }

    .quality-wrapper .box-3 .icon {
        width: 120px;
        height: 120px;
    }

    .quality-wrapper .box-3 .title {
        margin: 34px auto 14px;
    }

    .quality-wrapper .box-4 .swiper-slide .info {
        padding-bottom: 50px;
    }

    .base-wrapper .box-8 .text,
    .base-wrapper .box-8 .submit {
        height: 52px;
        line-height: 52px;
    }

    .base-wrapper .box-8 .submit img {
        width: 18px;
        top: 3px;
    }

    .lab-wrapper .box-3 .name,
    .customs-wrapper .box-3 .name {
        margin-top: 38px;
        font-size: 22px;
    }

    .lab-wrapper .box-3 .desc {
        margin-bottom: 38px;
    }

    .lab-wrapper .box-7 .right .item {
        width: 290px;
        margin-left: 34px;
    }

    .lab-wrapper .box-7 .item .first-box .pic {
        width: 136px;
    }

    .lab-wrapper .box-7 .item .first-box .info {
        width: 140px;
    }

    .lab-wrapper .box-7 .item li {
        padding: 19px 0;
    }

    .lab-wrapper .box-4 .icon {
        width: 75px;
        height: 75px;
    }

    .lab-wrapper .box-4 .key {
        font-size: 34px;
    }

    .safety-wrapper .box-4 .title {
        font-size: 36px;
        line-height: 52px;
    }

    .safety-wrapper .box-4 .en {
        font-size: 50px;
        top: 72px;
    }

    .safety-wrapper .box-4 .info-box li {
        margin-bottom: 52px;
    }

    .safety-wrapper .box-2 {
        margin-top: 120px;
    }

    .job-wrapper .left ul li .desc span {
        margin-right: 40px;
    }

    .page-banner-wrapper .swiper-box .swiper-slide {
        width: 270px;
        padding-bottom: 22px;
    }

    .page-banner-wrapper .swiper-box .swiper-slide:after {
        height: 22px;
    }

    .page-banner-wrapper .swiper-box .pic {
        border-width: 8px;
    }

    .customs-wrapper .box-5 .left,
    .customs-wrapper .box-5 .right .item {
        border-radius: 22px;
    }

    .customs-wrapper .box-5 .title {
        font-size: 18px;
    }

    .customs-wrapper .box-2 .swiper-slide p {
        margin-top: 44px;
    }

    .customs-wrapper .box-2 .index-title-box {
        margin-bottom: 60px;
    }

    .customs-wrapper .box-4 .title {
        font-size: 26px;
    }
}

@media screen and (max-width: 1366px) {
    .about-wrapper .swiper-btn {
        width: 44px;
        height: 44px;
    }

    .about-wrapper .swiper-btn.prev {
        left: -64px;
    }

    .about-wrapper .swiper-btn.next {
        right: -64px;
    }

    .culture-wrapper .name,
    .culture-wrapper .title {
        font-size: 20px;
    }

    .page-caption {
        font-size: 26px;
    }

    .page-banner-wrapper .info-box {
        right: 70px;
        width: 500px;
        top: 100px;
    }

    .page-banner-wrapper .info-box .name {
        font-size: 26px;
        line-height: 52px;
    }

    .page-banner-wrapper .info-box .name b {
        font-size: 34px;
    }

    .page-banner-wrapper .info-box .en {
        font-size: 36px;
    }

    .base-wrapper .swiper-btn {
        width: 40px;
        height: 40px;
    }

    .base-wrapper .swiper-btn.prev {
        left: -58px;
    }

    .base-wrapper .swiper-btn.next {
        right: -58px;
    }

    .lab-wrapper .box-3 .name,
    .customs-wrapper .box-3 .name {
        margin-top: 32px;
        font-size: 20px;
    }

    .lab-wrapper .box-3 .desc {
        margin-bottom: 32px;
    }

    .lab-wrapper .box-3 .ename {
        font-size: 13px;
        line-height: 20px;
        height: 40px;
    }

    .safety-wrapper .box-2 {
        margin-top: 110px;
    }

    .header-wrapper .tel img {
        width: 32px;
    }

    .customs-wrapper .box-2 .icon {
        width: 100px;
        height: 100px;
    }

    .customs-wrapper .box-2 .swiper-slide p {
        font-size: 18px;
        margin-top: 36px;
    }

    .customs-wrapper .box-2 {
        margin-top: 100px;
        padding-top: 100px;
    }

    .customs-wrapper .box-3 .name {
        margin-bottom: 16px;
    }

    .customs-wrapper .box-4 .title {
        font-size: 24px;
    }
}

@media screen and (max-width: 1004px) {
    /*index-box-0-start*/
    .index-clearfix {
        height: 40vh;
    }

    .index-clearfix .tit {
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .index-clearfix .index-desc {
        display: none;
    }

    .index-clearfix .more {
        width: 80px;
        height: 26px;
        padding-left: 0px;
        font-size: 10px;
        background-size: 14px;
        padding-left: 0px;
    }

    .index-clearfix li:hover .more {
        width: 85px;
        background: #3d509f url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230630/b856826c55c748080d00f56c1413a504.png) no-repeat right 13px center;
        color: #fff;
        background-size: 16px;
        padding-left: 5px;
    }

    /*index-box-0-end*/
    /*index-box-5-start*/

    .index-box-5 {
        height: 680px;
    }

    .index-box-5 .main {
        display: block;
    }

    .index-box-5 .pic {
        width: 100%;
        margin-top: 40px;
    }

    .index-box-5 .page-caption {
        font-size: 22px;
        font-weight: 700;
        line-height: 0px;
    }

    .index-box-5 .en {
        font-size: 16px;
        line-height: 0px;
        padding-top: 10px;
        text-transform: uppercase;
    }

    .index-box-5 .content {
        margin-top: 35px;
    }

    .index-box-5 .index-title-box {
        margin-top: 20px;
        margin-bottom: 40px;
        padding-top: 0px;
    }

    .index-box-5 .leftDiv {
        display: none;
    }

    .index-box-5 .rightDiv {
        display: none;
    }

    .index-box-5 .mDiv {
        display: block;
        color: #666;
    }

    .index-box-5 .mDiv .topDiv {
        position: relative;
    }

    .index-box-5 .mDiv .topDiv .bg img {
        width: 100%;
        border: 0px;
        vertical-align: middle;
    }

    .index-box-5 .mDiv .topDiv .numList {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
        width: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.3);
        height: 1rem;
    }

    .index-box-5 .mDiv .topDiv .numList ul {
        padding-left: 0.1rem;
        padding-top: 0.1rem;
    }

    .index-box-5 .mDiv .topDiv .numList ul li {
        float: left;
        width: 25%;
        color: #fff;
        list-style-position: outside;
        list-style-type: none;
    }

    .index-box-5 .mDiv .topDiv .numList ul li .box {
        color: #fff;
    }

    .index-box-5 .mDiv .topDiv .numList ul li .num {
        /*font-size: 0.2rem;*/
        color: #fff;
    }

    .index-box-5 .mDiv .topDiv .numList ul li .numUp {
        font-family: bold;
        font-size: 0.25rem;
        line-height: 0.48rem;
        padding-right: 0.1rem;
        display: inline-block;
    }

    .index-box-5 .mDiv .topDiv .numList ul li p {
        font-size: 0.1rem;
    }

    .index-box-5 .mDiv .botDiv {
        background: #f6f6f6;
        padding: 0.2rem 0.15rem;
        position: relative;
    }

    .index-box-5 .mDiv .botDiv .content {
        margin-top: 0px;
    }

    .index-box-5 .mDiv .botDiv .name {
        height: 0.25rem;
        line-height: 0.15rem;
        color: #3d509f;
        font-weight: bold;
        font-size: 0.17rem;
        position: relative;
    }

    .index-box-5 .mDiv .botDiv .content {
        position: relative;
        font-size: 0.12rem;
        color: #949494;
        line-height: 0.28rem;
        overflow: hidden;
    }

    .index-box-5 .mDiv .botDiv .content span {
        color: #3d509f;
        position: absolute;
        right: 0;
        bottom: 0;
        background: #f6f6f6;
        width: 1.5rem;
        text-align: right;
    }

    .index-box-5 .mList {
        display: block;
        padding-top: 0.1rem;
    }

    .index-box-5 .mList ul li {
        float: left;
        width: 25%;
        height: 1.1rem;
        background-image: -webkit-linear-gradient(left, #f2f2f2, #ececec);
        background-image: -moz-linear-gradient(left, #f2f2f2, #ececec);
        background-image: -o-linear-gradient(left, #f2f2f2, #ececec);
        background-image: linear-gradient(to right, #f2f2f2, #ececec);
        list-style-position: outside;
        list-style-type: none;
    }

    .index-box-5 .mList ul li a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .index-box-5 .mList ul li .box {
        padding: 0.2rem 0.15rem 0;
    }

    .index-box-5 .mList ul li .box .ico {
        width: 0.28rem;
        margin: 0 auto;
        position: relative;
    }

    .index-box-5 .mList ul li .box .ico img {
        width: 0.3rem;
    }

    .index-box-5 .mList ul li .box .ico .img1 {
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .index-box-5 .mList ul li .box .name1 {
        font-weight: bold;
        font-size: 0.14rem;
        color: #989898;
        line-height: 0.26rem;
        padding: 0.1rem 0 0.12rem;
    }

    /*index-box-5-end*/
    /*index-box-6-start*/
    .index-box-6 .box-container {
        padding: 0px;
    }

    .index-box-6 .detail-box {
        width: 70em;
        margin-top: 20px;
    }

    .index-box-6 .customerPic {
        border-right: #ebebeb solid 1px;
    }

    .index-box-6 .customerPic .swiper-slide .box {
        height: 1.5rem;
    }

    .index-box-6 .customerPic .swiper-slide .imgDiv {
        line-height: 1.5rem;
    }

    .index-box-6 .customerPic .swiper-slide .imgDiv img {
        width: 2.6rem;
    }

    /*index-box-6-end*/
    /*index-box-7-start*/
    .index-box-7 {
        height: 350px;
    }

    .index-box-7 .box-container .index-title-box {
        margin-bottom: 30px;
        padding-top: 0px;
    }

    .index-box-7 .box-container .index-title-box h3 {
        font-size: 18px;
        line-height: 26px;
        font-weight: 700;
    }

    .index-box-7 .box-container .index-title-box p {
        font-size: 10px;
        line-height: 18px;
    }

    .index-box-7 .box-container .swiper-box .swiper-container {
        padding-bottom: 30px;
    }

    .index-box-7 .box-container .swiper-box .swiper-container .swiper-wrapper .swiper-slide {
        text-align: center;
        padding: 0 60px;
    }

    .index-box-7 .box-container .swiper-box .swiper-container .swiper-wrapper .swiper-slide .icon {
        width: 80px;
        height: 80px;
    }

    .index-box-7 .box-container .swiper-box .swiper-container .swiper-wrapper .swiper-slide .title {
        font-size: 18px;
        line-height: 26px;
        margin: 2px auto 1px;
    }

    .index-box-7 .box-container .swiper-box .swiper-container .swiper-pagination {
        /*bottom: 0;*/
        font-size: 0;
    }

    /*index-box-7-end*/
    /*logo-start*/
    .box-container-fluid .box-container .logo-box a {
        float: none;
    }

    .box-container-fluid .box-container .logo-box .logo-txt {
        float: none;
        margin-left: 0px;
        display: none;
    }

    /*logo-end*/
    .box-container,
    .w1200 {
        width: 100%;
        padding: 0 15px;
    }

    .hidden-xs {
        display: none;
    }

    .hidden-pc {
        display: block;
    }

    .nav-icon {
        font-size: 0;
        width: 38px;
        height: 38px;
        position: relative;
        border-radius: 5px;
        background-color: #3d509f;
        order: 2;
    }

    .nav-icon.on span:nth-child(1) {
        transform: rotate(45deg);
        margin: 0;
        transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms, -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms;
    }

    .nav-icon.on span:nth-child(2) {
        opacity: 0;
    }

    .nav-icon.on span:nth-child(3) {
        transform: rotate(-45deg);
        margin: 0;
        transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms, -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms;
    }

    .nav-icon span {
        display: inline-block;
        width: 16px;
        height: 2px;
        background: #fff;
        position: absolute;
        left: 11px;
        top: 18px;
        z-index: 10;
        border-radius: 26%;
        transform-origin: center center;
        transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
    }

    .nav-icon span:nth-child(1) {
        margin-top: -6px;
    }

    .nav-icon span:nth-child(2) {
        margin-top: 0;
    }

    .nav-icon span:nth-child(3) {
        margin-top: 6px;
    }

    .phone-nav {
        width: 100%;
        height: 100vh;
        position: fixed;
        right: 0;
        top: 60px;
        background: #fff;
        z-index: 501;
        overflow: auto;
        border-top: 1px solid #3d509f;
    }

    .phone-nav ul {
        width: 100%;
        margin: 0 auto;
        position: relative;
        max-height: calc(100% - 60px);
        overflow-y: auto;
        overflow-x: hidden;
        transition: max-height 0.8s ease;
        -webkit-transition: max-height 0.8s ease;
        -moz-transition: max-height 0.8s ease;
        -ms-transition: max-height 0.8s ease;
        -o-transition: max-height 0.8s ease;
    }

    .phone-nav ul::-webkit-scrollbar {
        width: 4px;
        background-color: #3d509f;
    }

    .phone-nav ul::-webkit-scrollbar-thumb {
        background-color: #3d509f;
    }

    .phone-nav ul li {
        position: relative;
    }

    .phone-nav ul li.active .cat {
        color: #3d509f;
    }

    .phone-nav ul li.active .cat:before {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }

    .phone-nav ul li.active .cat:before,
    .phone-nav ul li.active .cat:after {
        background-color: #3d509f;
    }

    .phone-nav ul li > a {
        position: relative;
        display: block;
        font-size: 16px;
        color: #4c4c4c;
        line-height: 54px;
        padding: 0 15px;
        font-weight: 700;
        border-bottom: 1px solid #e3e3e3;
    }

    .phone-nav ul li .cat:before,
    .phone-nav ul li .cat:after {
        content: "";
        display: inline-block;
        background: #b7b7b7;
        position: absolute;
        z-index: 10;
    }

    .phone-nav ul li .cat:before {
        width: 3px;
        height: 13px;
        right: 20px;
        top: 18px;
        transition: transform 0.3s ease;
        -webkit-transition: transform 0.3s ease;
        -moz-transition: transform 0.3s ease;
        -ms-transition: transform 0.3s ease;
        -o-transition: transform 0.3s ease;
    }

    .phone-nav ul li .cat:after {
        width: 13px;
        height: 3px;
        right: 15px;
        top: 23px;
    }

    .phone-nav ul li.on > a {
        font-weight: 700;
        color: #3d509f;
    }

    .phone-nav ul li .navs {
        display: none;
        width: 100%;
        padding-top: 0;
        background-color: #fff;
    }

    .phone-nav ul li .navs a {
        font-size: 14px;
        display: block;
        color: #4c4c4c;
        line-height: 50px;
        padding: 0 15px;
        border-bottom: 1px solid #e3e3e3;
    }

    .phone-nav .more.active .cat {
        border-color: transparent;
    }

    .phone-nav .more .navs {
        display: none;
        padding: 0 15px 20px;
        border-bottom: 1px solid #e3e3e3;
        overflow: hidden;
    }

    .phone-nav .more .navs a {
        float: left;
        background-color: #f6f6f6;
        border-radius: 5px;
        text-align: center;
        width: calc((100% - 30px) / 4);
        margin-right: 10px;
        margin-top: 10px;
        border: 1px solid #b5b5b5;
        display: flex;
        display: -webkit-box;
        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box;
        /* Firefox 17- */
        display: -webkit-flex;
        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex;
        /* Firefox 18+ */
        display: -ms-flexbox;
        /* IE 10 */
        align-items: center;
        justify-content: center;
        height: 38px;
        padding: 0 4px;
    }

    .phone-nav .more .navs a:nth-child(4n) {
        margin-right: 0;
    }

    .phone-nav .more .navs a span {
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        max-height: 32px;
        color: #4c4c4c;
        font-size: 12px;
        line-height: 16px;
    }

    .header-wrapper {
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    .header-wrapper > .box-container {
        height: 60px;
    }

    .header-wrapper .logo-box {
        width: 25%;
    }

    .header-wrapper .logo-box a {
        display: block;
    }

    .header-wrapper .logo-box img {
        display: block;
        width: 100%;
    }

    .header-wrapper .search {
        width: 30px;
        height: 30px;
        border-radius: 0;
        border: none;
        margin: 0 22px 0 20px;
        background-image: url(../img/search2.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 20px;
        order: 1;
    }

    .header-wrapper .search .text,
    .header-wrapper .search .btn {
        display: none;
    }

    .header-wrapper .tel {
        font-size: 0;
        margin-left: 0;
        order: 0;
    }

    .header-wrapper .tel a {
        font-size: 22px;
    }

    .header-wrapper .tel img {
        display: none;
    }

    .header_h {
        height: 60px;
    }

    .index-banner-wrapper .swiper-slide img {
        display: none;
    }

    .index-banner-wrapper .swiper-slide img.phone {
        display: block;
    }

    .index-banner-wrapper .info {
        top: 60px;
    }

    .index-banner-wrapper .info .box-container div {
        width: 100%;
    }

    .index-banner-wrapper .en {
        font-size: 32px;
        line-height: 36px;
    }

    .index-banner-wrapper .title {
        font-size: 20px;
        line-height: 30px;
        margin-top: 8px;
    }

    .index-banner-wrapper .swiper-pagination {
        bottom: 20px;
    }

    .index-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
        margin: 0 6px;
        width: 10px;
        height: 10px;
    }

    .pc-nav-box {
        display: none;
    }

    .links {
        display: none;
        order: 1;
        text-align: center;
        width: 100%;
        margin: 0 auto 20px;
    }

    .links.phone {
        display: block;
    }

    .links a {
        padding-right: 10px;
        margin-right: 10px;
        line-height: 20px;
        font-size: 12px;
    }

    .links a:after {
        width: 1px;
        height: 12px;
    }

    .footer-wrapper {
        border-width: 1px;
    }

    .footer-wrapper .box-container {
        flex-flow: wrap;
    }

    .footer-wrapper .box-1 {
        display: none;
    }

    .footer-wrapper .copyright {
        text-align: center;
        width: 100%;
        max-width: inherit;
        line-height: 22px;
    }

    .footer-wrapper .friend-link {
        display: none;
        order: 0;
        width: 240px;
        margin: 0 auto;
        background-color: #3d509f;
    }

    .footer-wrapper .friend-link .name {
        font-size: 14px;
        line-height: 45px;
        padding: 0 50px 0 30px;
        border: none;
        background-position: right 30px center;
        background-size: 8px;
    }

    .footer-wrapper .friend-link .list {
        max-height: 368px;
    }

    .footer-wrapper .friend-link .list a {
        line-height: 45px;
        padding: 0 50px 0 30px;
    }

    .footer-wrapper .copyright {
        order: 2;
    }

    .footer-wrapper .copyright,
    .footer-wrapper .copyright a {
        color: #a7a7a7;
        font-weight: 500;
    }

    .footer-wrapper .box-2 {
        padding: 36px 0;
        background-color: #fff;
    }

    .footer_h {
        height: 69px;
    }

    .menu-box {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 30;
        width: 100%;
        padding: 6px 0 10px;
        background-color: #f6f6f6;
        border-top: 2px solid #3d509f;
    }

    .menu-box ul {
        display: flex;
        display: -webkit-box;
        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box;
        /* Firefox 17- */
        display: -webkit-flex;
        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex;
        /* Firefox 18+ */
        display: -ms-flexbox;
        /* IE 10 */
        align-items: flex-end;
    }

    .menu-box li {
        position: relative;
        width: 25%;
        text-align: center;
    }

    .menu-box li a {
        display: block;
    }

    .menu-box .icon {
        display: block;
        width: 28px;
        margin: 0 auto;
    }

    .menu-box p {
        font-size: 14px;
        color: #3f3f3f;
        margin-top: 4px;
        letter-spacing: 2px;
    }

    .menu-box .online .icon {
        position: absolute;
        left: 50%;
        top: -60px;
        margin-left: -27px;
        z-index: 1;
        width: 54px;
        height: 54px;
        border-radius: 50%;
        box-shadow: 9px 7px 29px 0px rgba(61, 80, 159, 0.17);
    }

    .category-wrapper {
        width: 100%;
        position: fixed;
        left: 0;
        top: 60px;
        z-index: 30;
        background-color: #fff;
        height: calc(100vh - 60px);
        border-top: 1px solid #3d509f;
    }

    .category-wrapper .main {
        display: flex;
        display: -webkit-box;
        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box;
        /* Firefox 17- */
        display: -webkit-flex;
        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex;
        /* Firefox 18+ */
        display: -ms-flexbox;
        /* IE 10 */
        height: 100%;
    }

    .category-wrapper .cat-box,
    .category-wrapper .detail-box {
        max-height: 100%;
        overflow-y: auto;
    }

    .category-wrapper .cat-box::-webkit-scrollbar,
    .category-wrapper .detail-box::-webkit-scrollbar {
        width: 4px;
        background-color: #bfcaf7;
    }

    .category-wrapper .cat-box::-webkit-scrollbar-thumb,
    .category-wrapper .detail-box::-webkit-scrollbar-thumb {
        background-color: #3d509f;
    }

    .category-wrapper .cat-box {
        width: 110px;
        background-color: #002b96;
    }

    .category-wrapper .cat-box a {
        display: flex;
        display: -webkit-box;
        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box;
        /* Firefox 17- */
        display: -webkit-flex;
        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex;
        /* Firefox 18+ */
        display: -ms-flexbox;
        /* IE 10 */
        align-items: center;
        padding: 0 15px 0 20px;
        height: 56px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .category-wrapper .cat-box a.on {
        background-color: #3d509f;
    }

    .category-wrapper .cat-box a span {
        font-size: 14px;
        color: #fff;
        font-weight: 700;
        line-height: 22px;
        max-height: 44px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .category-wrapper .detail-box {
        width: calc(100% - 110px);
        padding: 20px 12px;
    }

    .category-wrapper .item {
        display: none;
    }

    .category-wrapper .caption {
        font-size: 15px;
        color: #414141;
        font-weight: 700;
        line-height: 26px;
    }

    .category-wrapper ul li {
        margin-bottom: 20px;
    }

    .category-wrapper ul li:last-child {
        margin-bottom: 0;
    }

    .category-wrapper .list {
        display: flex;
        display: -webkit-box;
        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box;
        /* Firefox 17- */
        display: -webkit-flex;
        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex;
        /* Firefox 18+ */
        display: -ms-flexbox;
        /* IE 10 */
        flex-flow: wrap;
    }

    .category-wrapper .list a {
        float: left;
        background-color: #f6f6f6;
        border-radius: 5px;
        text-align: center;
        width: calc((100% - 20px) / 3);
        margin-right: 10px;
        margin-top: 10px;
        border: 1px solid #b5b5b5;
        display: flex;
        display: -webkit-box;
        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box;
        /* Firefox 17- */
        display: -webkit-flex;
        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex;
        /* Firefox 18+ */
        display: -ms-flexbox;
        /* IE 10 */
        align-items: center;
        justify-content: center;
        height: 38px;
        padding: 0 6px;
    }

    .category-wrapper .list a:nth-child(3n) {
        margin-right: 0;
    }

    .category-wrapper .list a span {
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        max-height: 32px;
        color: #4c4c4c;
        font-size: 12px;
        line-height: 16px;
    }

    .index-title-box {
        margin-top: 40px;
        margin-bottom: 40px;
        text-align: center;
    }

    .index-title-box h3,
    .index-title-box a {
        font-size: 18px;
        line-height: 26px;
    }

    .index-title-box p {
        font-size: 10px;
        line-height: 18px;
    }

    .index-more {
        display: block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-image: url(../img/more.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    .index-more:hover {
        box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
    }

    .search-form {
        position: fixed;
        left: 0;
        top: 60px;
        z-index: 30;
        width: 100%;
        background: #f6f6f6;
        padding: 40px 0 30px;
        /* input placeholder  */
    }

    .search-form ::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #4c4c4c;
        font-size: 14px;
    }

    .search-form :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #4c4c4c;
        font-size: 14px;
    }

    .search-form ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #4c4c4c;
        font-size: 14px;
    }

    .search-form :-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #4c4c4c;
        font-size: 14px;
    }

    .search-form .form {
        display: flex;
        display: -webkit-box;
        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box;
        /* Firefox 17- */
        display: -webkit-flex;
        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex;
        /* Firefox 18+ */
        display: -ms-flexbox;
        /* IE 10 */
    }

    .search-form .text {
        flex: 1;
        overflow: hidden;
        border: 1px solid #dcdcdc;
        border-right: none;
        line-height: 46px;
        padding: 0 15px;
    }

    .search-form .btn {
        font-size: 14px;
        color: #fff;
        text-align: center;
        height: 48px;
        background: #3d509f;
        width: 65px;
        font-size: 12px;
        border: 1px solid #3d509f;
    }

    .search-form .btn img {
        display: block;
        margin: 5px auto 3px;
        width: 17px;
    }

    .search-form .close {
        display: block;
        width: 20px;
        margin: 30px auto 0;
    }

    .search-form .close img {
        display: block;
        width: 100%;
    }

    .index-box-1 {
        height: 730px;
        margin-top: 35px;
    }

    .index-box-1 .index-top-title-box {
        width: auto;
        margin: 0 auto 20px;
    }

    .index-box-1 .index-top-title-box a{
        font-size: 18px;
    }

    .index-box-1 .box-container {
        display: block;
        padding: 0;
    }

    .index-box-1 .box-container .index-title-box,
    .index-box-1 .box-container .swiper-box,
    .index-box-1 .box-container .detail-box {
        padding-left: 15px;
    }

    .index-box-1 .box-container .index-title-box,
    .index-box-1 .box-container .detail-box {
        padding-right: 15px;
    }

    .index-box-1 .box-container .index-title-box {
        margin-bottom: 20px;
    }

    .index-box-1 .swiper-box {
        margin-left: 0;
        height: auto;
        padding-top: 30px;
        padding-bottom: 15px;
        padding-right: 80px;
        background-color: #f5f5f5;
    }

    .index-box-1 .swiper-box .swiper-slide:after {
        width: 9px;
        height: 9px;
        margin-top: 4px;
    }

    .index-box-1 .swiper-box .icon {
        width: 26px;
    }

    .index-box-1 .swiper-box .title {
        font-size: 12px;
        line-height: 20px;
        margin-top: 2px;
    }

    .index-box-1 .btn-box {
        right: 15px;
    }

    .index-box-1 .btn-box a {
        width: 24px;
        height: 24px;
    }

    .index-box-1 .btn-box .prev {
        margin-right: 4px;
    }

    .index-box-1 .detail-box {
        position: relative;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 40px;
        background-color: #f5f5f5;
        margin-top: 0;
    }

    .index-box-1 .detail-box:after {
        content: "";
        display: block;
        width: 15px;
        height: calc(100% - 60px);
        background-color: #fff;
        position: absolute;
        right: 0;
        top: 20px;
        z-index: 1;
    }

    .index-box-1 .cat-box {
        width: 75px;
        max-height: 482px;
    }

    .index-box-1 .cat-box::-webkit-scrollbar {
        width: 4px;
    }

    .index-box-1 .cat-box a {
        display: block;
        height: auto;
        padding: 6px;
    }

    .index-box-1 .cat-box a:after {
        display: none;
    }

    .index-box-1 .cat-box .icon {
        display: none;
    }

    .index-box-1 .cat-box .info {
        display: flex;
        display: -webkit-box;
        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box;
        /* Firefox 17- */
        display: -webkit-flex;
        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex;
        /* Firefox 18+ */
        display: -ms-flexbox;
        /* IE 10 */
        height: 36px;
        align-items: center;
        margin-left: 0;
    }

    .index-box-1 .cat-box .title {
        font-size: 12px;
        line-height: 16px;
        width: 95%;
        text-align: center;
    }

    .index-box-1 .cat-box p {
        display: none;
    }

    .index-box-1 .item {
        background-color: #fff;
    }

    .index-box-1 .children-box {
        padding-top: 15px;
        padding-bottom: 15px;
        width: calc(100% - 85px);
    }

    .index-box-1 .children-box .child-item {
        height: 452px;
    }

    .index-box-1 .children-box ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .index-box-1 .children-box li {
        width: 48%;
        margin-right: 0;
        margin-top: 4%;
    }

    .index-box-1 .children-box li:nth-child(-n+2) {
        margin-top: 0;
    }

    .index-box-1 .children-box .pic img {
        height: auto;
    }

    .index-box-1 .children-box .info {
        padding: 15px 10px;
    }

    .index-box-1 .children-box .info:after {
        height: 2px;
    }

    .index-box-1 .children-box .title {
        font-size: 12px;
        line-height: 22px;
    }

    .index-box-1 .children-box .desc {
        font-size: 10px;
        line-height: 18px;
        height: 36px;
        margin-top: 2px;
    }

    .index-box-2 {
        height: 450px;
    }

    .index-box-2 .index-title-box {
        margin-bottom: 20px;
    }

    .index-box-2 .lab-swiper .swiper-slide {
        padding-top: 30px;
        padding-bottom: 14px;
    }

    .index-box-2 .lab-swiper .swiper-slide:before {
        height: 124px;
        background-size: contain;
    }

    .index-box-2 .lab-swiper .swiper-slide:after {
        height: 2px;
    }

    .index-box-2 .lab-swiper .swiper-slide p {
        line-height: 20px;
        margin-top: 15px;
        font-size: 12px;
    }

    .index-box-2 .icon {
        width: 56px;
        height: 62px;
    }

    .index-box-2 .desc {
        font-size: 14px;
        color: #666;
        line-height: 24px;
        text-align: justify;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 9;
        overflow: hidden;
        max-height: 216px;
    }

    .index-box-2 .title,
    .index-box-2 .en {
        font-size: 18px;
        line-height: 24px;
    }

    .index-box-2 .en {
        margin: 4px auto 15px;
    }

    .index-box-2 .info-swiper {
        margin-top: 30px;
    }

    .index-box-2 .info-swiper .swiper-slide {
        display: block;
    }

    .index-box-2 .info-swiper .pic {
        width: 100%;
    }

    .index-box-2 .info-swiper .pic img {
        display: none;
    }

    .index-box-2 .info-swiper .pic img.on {
        display: block;
    }

    .index-box-2 .info-swiper .info {
        margin-top: 30px;
        width: 100%;
    }

    .index-box-2 .btn-box a {
        margin-top: 30px;
        width: 100px;
        line-height: 42px;
        margin-right: 15px;
    }

    .index-box-3 {
        margin-top: 60px;
    }

    .index-box-3 .box-container {
        position: relative;
        padding: 90px 0 0;
    }

    .index-box-3 .box-container:after {
        content: "";
        display: block;
        width: 100%;
        height: 200px;
        background: url(../img/p_index3.jpg) no-repeat center center;
        background-size: cover;
        background-attachment: fixed;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .index-box-3 .info {
        width: calc(100% - 60px);
        margin: 0 auto;
        padding: 30px 24px 36px;
    }

    .index-box-3 .index-title-box {
        margin-bottom: 15px;
    }

    .index-box-3 .content {
        margin-bottom: 30px;
        text-align: center;
        font-size: 13px;
    }

    .index-box-3 .index-more {
        margin: 0 auto;
    }

    .index-box-4 {
        height: 830px;
        /*margin-top: 190px;*/
        margin-bottom: 40px;
    }

    .index-box-4 .index-title-box {
        /*margin-top: 50px;*/
    }

    .index-box-4 .title-box {
        padding-top: 0;
        margin-bottom: 20px;
    }

    .index-box-4 .title-box .title {
        padding-bottom: 5px;
        border-width: 2px;
        border-color: #3d509f;
    }

    .index-box-4 .title-box .more {
        bottom: 8px;
        font-size: 12px;
    }

    .index-box-4 .title-box .more i {
        margin-left: 10px;
        top: -2px;
    }

    .index-box-4 .box {
        display: block;
    }

    .index-box-4 .swiper-container {
        padding-bottom: 30px;
    }

    .index-box-4 .swiper-pagination {
        display: block;
        bottom: 0;
        font-size: 0;
        border-top: 1px solid #ddd;
        padding-top: 24px;
    }

    .index-box-4 .swiper-pagination .swiper-pagination-bullet {
        opacity: 1;
        background: none;
        margin: 0 5px;
        width: 8px;
        height: 8px;
        border: 1px solid #3d509f;
        transition: width 0.3s ease;
        -webkit-transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        -ms-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
    }

    .index-box-4 .swiper-pagination .swiper-pagination-bullet:focus,
    .index-box-4 .swiper-pagination .swiper-pagination-bullet:active,
    .index-box-4 .swiper-pagination .swiper-pagination-bullet:link {
        outline: none;
    }

    .index-box-4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #3d509f;
        width: 24px;
        border-radius: 30px;
    }

    .index-box-4 .left {
        width: 100%;
        margin-right: 0;
    }

    .index-box-4 .left .swiper-slide {
        display: block;
        line-height: 20px;
        padding-bottom: 20px;
    }

    .index-box-4 .left .swiper-slide a {
        width: 100%;
        max-width: 100%;
    }

    .index-box-4 .left .swiper-slide span {
        display: block;
        margin-top: 4px;
    }

    .index-box-4 .left .name {
        font-size: 14px;
        margin: 10px auto 12px;
    }

    .index-box-4 .left .date {
        font-size: 14px;
        line-height: 16px;
    }

    .index-box-4 .left .desc {
        margin-bottom: 10px;
    }

    .index-box-4 .first-box {
        padding-bottom: 0;
        margin-bottom: 20px;
        border-bottom: none;
    }

    .index-box-4 .first-box .pic {
        width: 45%;
    }

    .index-box-4 .first-box .info {
        width: 51%;
    }

    .index-box-4 .first-box .date {
        font-size: 4px;
        line-height: 18px;
    }

    .index-box-4 .first-box .name {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height: 40px;
        line-height: 20px;
        margin: 4px auto 6px;
    }

    .index-box-4 .first-box .index-more {
        display: none;
    }

    .index-box-4 .first-box .desc {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height: 36px;
        line-height: 18px;
        font-size: 12px;
        margin-bottom: 0;
    }

    .index-box-4 .center {
        width: 100%;
        margin-right: 0;
        margin-top: 40px;
    }

    .index-box-4 .center .swiper-slide {
        padding: 20px 0;
        border-bottom: none;
    }

    .index-box-4 .center .swiper-slide:last-child {
        padding-bottom: 15px;
    }

    .index-box-4 .center .name {
        font-size: 13px;
        line-height: 22px;
        max-height: 66px;
        height: auto;
        margin-bottom: 4px;
    }

    .index-box-4 .center .pic {
        width: 35%;
    }

    .index-box-4 .center .info {
        margin-left: 15px;
    }

    .index-box-4 .center .date {
        font-size: 13px;
        margin-top: 8px;
    }

    .index-box-4 .right {
        width: 100%;
        background-color: #fff;
        padding: 0;
        margin-top: 40px;
    }

    .index-box-4 .right .swiper-slide {
        padding: 0 0 20px;
        height: auto;
        border-bottom: none;
    }

    .index-box-4 .right .swiper-slide:first-child {
        padding-top: 0;
        height: auto;
    }

    .index-box-4 .right a {
        line-height: 22px;
        max-height: 66px;
    }

    .index-box-4 .right .date {
        margin-top: 14px;
    }

    .page-nav-wrapper {
        position: relative;
        z-index: 20;
        padding: 0;
        height: auto;
        margin-top: 0;
    }

    .page-nav-wrapper .breadcrumb,
    .page-nav-wrapper .btn-box {
        display: none;
    }

    .page-nav-wrapper .box-container {
        height: auto;
        padding: 0;
    }

    .page-nav-wrapper .page-nav-box {
        padding-right: 0;
    }

    .page-nav-box {
        width: 100%;
        background: #f4f4f4;
    }

    .page-nav-box .w1200 {
        position: relative;
        height: auto;
        padding: 0;
    }

    .page-nav-box .intruction-caption {
        position: relative;
        display: block;
        line-height: 44px;
        padding: 0 15px;
        background: #3d509f;
        color: #fff;
    }

    .page-nav-box .intruction-caption.extend:after {
        transform: rotateX(180deg);
    }

    .page-nav-box .intruction-caption:after {
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 0;
        z-index: 10;
        content: "";
        width: 13px;
        height: 100%;
        background: url(../img/down.png) no-repeat center center;
        background-size: contain;
    }

    .page-nav-box .nav {
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 10;
        width: 100%;
        background: #f7f8f9;
        display: none;
        box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
    }

    .page-nav-box .nav a {
        display: block;
        width: 100%;
        text-align: left;
        line-height: 42px;
        padding: 0 15px;
        border-top: 1px solid #f2f2f2;
        height: auto;
        max-width: inherit;
        min-width: inherit;
    }

    .page-nav-box .nav a:first-child {
        border-top: none;
    }

    .page-nav-box .nav > a.on,
    .page-nav-box .nav > a:hover {
        background: none;
    }

    .page-nav-box .nav > a:before {
        display: none;
    }

    .page-box {
        padding: 40px 0;
    }

    .page-box .index-title-box {
        margin-bottom: 30px;
    }

    .page-banner-wrapper .banner.pc {
        display: none;
    }

    .page-banner-wrapper .banner.phone {
        display: block;
    }

    .page-banner-wrapper.bg {
        background: #fff;
    }

    .page-banner-wrapper .box-container {
        padding: 0;
    }

    .page-banner-wrapper .box-container .banner {
        width: 100%;
    }

    .page-banner-wrapper .fixed-box {
        position: relative;
        right: 0;
        top: 0;
        width: calc(100% - 30px);
        margin: -50px auto 0;
    }

    .page-banner-wrapper .btn-box a {
        width: 124px;
        height: 42px;
        line-height: 42px;
        margin-right: 15px;
    }

    .page-banner-wrapper .btn-box a img {
        width: 20px;
    }

    .page-banner-wrapper .inner-1 {
        margin-top: 30px;
        padding: 30px 20px;
        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    }

    .page-banner-wrapper .inner-1 .desc {
        line-height: 24px;
        margin: 14px auto 30px;
        height: auto;
    }

    .page-banner-wrapper .inner-2,
    .page-banner-wrapper .inner-3 {
        display: none;
    }

    .page-banner-wrapper .info-box {
        display: none;
        right: 15px;
        top: 20px;
        width: 50%;
    }

    .page-banner-wrapper .info-box .name {
        font-size: 13px;
        line-height: 20px;
    }

    .page-banner-wrapper .info-box .name b {
        font-size: 15px;
    }

    .page-banner-wrapper .info-box .en {
        font-size: 12px;
        line-height: 16px;
        margin-top: 10px;
    }

    .page-banner-wrapper .swiper-box {
        width: 170px;
        position: absolute;
        left: 15px;
    }

    .page-banner-wrapper .swiper-box .swiper-slide {
        width: 80px;
        padding-bottom: 4px;
    }

    .page-banner-wrapper .swiper-box .swiper-slide:after {
        height: 4px;
        background-size: 100% 100%;
    }

    .page-banner-wrapper .swiper-box .pic {
        border-width: 2px;
    }

    .page-banner-wrapper .swiper-pagination {
        bottom: 10px;
    }

    .page-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
        margin: 0 5px;
        width: 8px;
        height: 8px;
    }

    .about-wrapper {
        background-size: 50%;
    }

    .about-wrapper h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .about-wrapper .en {
        font-size: 14px;
        margin: 10px auto 20px;
    }

    .about-wrapper .box-1 {
        padding-bottom: 40px;
        background-size: 40%;
        height: 1050px;
    }

    .about-wrapper .box-1 .pageTitle .title1 {
        font-size: 0.21rem;
        line-height: 0.21rem;
        padding-bottom: 0.1rem;
        color: #353535;
        font-weight: bold;
    }

    .about-wrapper .box-1 .pageTitle .title2 {
        position: relative;
        font-size: 0.13rem;
        color: #b2b2b2;
        text-transform: uppercase;
        height: 30px;
    }

    .about-wrapper .box-1 .leftDiv {
        width: 100%;
    }

    .about-wrapper .box-1 .leftDiv .name {
        font-size: 0.21rem;
        color: #00562d;
        line-height: 0.21rem;
        font-weight: bold;
        padding-bottom: 0.1rem;
    }

    .about-wrapper .box-1 .leftDiv .txt {
        font-size: 0.18rem;
        color: #5d9a1b;
        line-height: 0.18rem;
    }

    .about-wrapper .box-1 .leftDiv .year {
        color: #ff9c00;
        font-size: 0.24rem;
        line-height: 0.24rem;
        font-family: mont;
        padding-top: 0.1rem;
        text-transform: uppercase;
    }

    .about-wrapper .box-1 .leftDiv .content {
        font-size: 0.12rem;
        line-height: 0.24rem;
        color: #797979;
        padding-top: 0.15rem;
    }

    .about-wrapper .box-1 .rightDiv {
        width: 100%;
    }

    .about-wrapper .box-1 .rightDiv .imgDiv img {
        width: 100%;
    }

    .about-wrapper .box-1 .rightDiv .botDiv {
        width: 100%;
        height: 1.1rem;
        background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20221120/becc35975020dab3b48b4cfd11eb52f8.jpg) no-repeat;
        background-size: 100%;
    }

    .about-wrapper .box-1 .rightDiv .botDiv .numList {
        padding-top: 0.3rem;
    }

    .about-wrapper .box-1 .rightDiv .botDiv .numList ul {
        padding: 0 0.4rem;
    }

    .about-wrapper .box-1 .rightDiv .botDiv .numList li {
        float: left;
        width: 25%;
        color: #fff;
    }

    .about-wrapper .box-1 .rightDiv .botDiv .numList li .box .num {
        font-size: 0.1rem;
    }

    .about-wrapper .box-1 .rightDiv .botDiv .numList li .box .num em {
        display: inline-block;
        position: relative;
    }

    .about-wrapper .box-1 .rightDiv .botDiv .numList li .box .num em:after {
        content: '';
        position: absolute;
        right: 0;
        top: -0.1rem;
        width: 0.1rem;
        height: 0.1rem;
        background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20220923/89024b17e6dfb676aaa542a7177c7117.png) center no-repeat;
        background-size: 0.1rem;
    }

    .about-wrapper .box-1 .rightDiv .botDiv .numList li .box .num .numUp {
        font-family: bold;
        font-size: 0.24rem;
        line-height: 0.24rem;
        padding-right: 0.1rem;
        display: inline-block;
    }

    .about-wrapper .box-1 .rightDiv .botDiv .numList li .box p {
        font-size: 0.1rem;
        padding-top: 0.1rem;
    }

    .about-wrapper .inner-1 .info {
        margin-bottom: 30px;
        padding-right: 0;
    }

    .about-wrapper .inner-2 {
        margin-top: 30px;
    }

    .about-wrapper .inner-2 .info {
        padding-left: 0;
        margin-top: 30px;
    }

    .about-wrapper .inner-2 .title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .about-wrapper .box-2 {
        padding: 0.3rem 0.1rem;
        height: 510px;
    }

    .about-wrapper .box-2 .leftImg {
        display: none;
    }

    .about-wrapper .box-2 .rightDiv {
        display: none;
    }

    .about-wrapper .box-2 .mDiv {
        display: block;
    }

    .about-wrapper .box-2 .mDiv .txt {
        font-size: 0.16rem;
        line-height: 0.16rem;
        color: #5d9a1b;
        font-weight: bold;
        padding-bottom: 0.2rem;
    }

    .about-wrapper .box-2 .mDiv .content {
        font-size: 0.12rem;
        line-height: 0.24rem;
        color: #797979;
    }

    .about-wrapper .box-2 .mDiv .imgDiv {
        padding-top: 0.2rem;
    }

    .about-wrapper .box-2 .mDiv .imgDiv img {
        width: 100%;
    }

    .about-wrapper .info .name,
    .about-wrapper .info p {
        font-size: 12px;
    }

    .about-wrapper .swiper-btn {
        width: 32px;
        height: 32px;
    }

    .about-wrapper .swiper-btn.prev {
        left: -15px;
    }

    .about-wrapper .swiper-btn.next {
        right: -15px;
    }

    .about-wrapper .box-3 {
        padding: 0.3rem 0.1rem 0.15rem;
        height: 710px;
    }

    .about-wrapper .box-3 .leftDiv {
        display: none;
    }

    .about-wrapper .box-3 .rightDiv {
        display: none;
    }

    .about-wrapper .box-3 .mDiv {
        display: block;
    }

    .about-wrapper .box-3 .mDiv .txt {
        font-size: 0.16rem;
        line-height: 0.28rem;
        color: #5d9a1b;
        font-weight: bold;
        padding-bottom: 0.15rem;
    }

    .about-wrapper .box-3 .mDiv .content {
        font-size: 0.12rem;
        line-height: 0.24rem;
        color: #797979;
        padding-bottom: 0.2rem;
    }

    .about-wrapper .box-3 .mDiv .mxfDiv {
        position: relative;
    }

    .about-wrapper .box-3 .mDiv .mxfDiv .imgDiv img {
        width: 100%;
    }

    .about-wrapper .box-3 .mDiv .mxfDiv .wen {
        left: 0.15rem;
        font-size: 0.14rem;
        color: #616161;
        top: 0.6rem;
        position: absolute;
        z-index: 1;
    }

    .about-wrapper .box-4 {
        height: 400px;
        background: #fff
    }

    .about-wrapper .box-4 .box-container {
        padding: 0px;
    }

    .about-wrapper .box-4 .layerDiv {
        right: 0px;
        left: 0px;
        height: 27vh;
        width: 95%;
    }

    .about-wrapper .box-4 .layerDiv .mxfDiv {
        padding: 15px 6px;
    }

    .about-wrapper .box-4 .layerDiv.liNow {
        height: 205px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .about-wrapper .box-4 .layerDiv.liNow .content {
        line-height: 0.24rem;
    }

    .about-wrapper .box-4 .layerDiv.liNow .content span {
        font-size: 0.12rem;
        line-height: 0.24rem;
        color: #fff;
    }

    .about-wrapper .box-4 .layerDiv.liNow .txt {
        padding-top: 0.2rem;
        color: rgba(255, 255, 255, 0.2);
        font-size: 0.16rem;
    }

    .about-wrapper .box-4 .layerDiv.liNow .txt em {
        display: block;
        font-size: 0.2rem;
        font-weight: bold;
    }

    .about-wrapper .box-4 .bg {
        display: block;
    }

    .about-wrapper .box-4 .bg img {
        width: 100%;
    }

    .history-wrapper .box-1 {
        height: 70vh;
    }

    .history-wrapper .box-1 .pageTitle {
        text-align: center;
    }

    .history-wrapper .box-1 .pageTitle .title1 {
        font-size: 0.21rem;
        line-height: 0.21rem;
        padding-bottom: 0.1rem;
        color: #353535;
        font-weight: bold;
    }

    .history-wrapper .box-1 .pageTitle .title2 {
        position: relative;
        font-size: 0.13rem;
        color: #b2b2b2;
        text-transform: uppercase;
    }

    .history-wrapper .box-1 .mxfDiv {
        padding-top: 0rem;
    }

    .history-wrapper .box-1 .mxfDiv .leftDiv {
        display: none;
    }

    .history-wrapper .box-1 .mxfDiv .rightImg {
        display: none;
    }

    .history-wrapper .box-1 .mxfDiv .topDiv {
        position: relative;
        display: block;
    }

    .history-wrapper .box-1 .mxfDiv .topDiv .bg img {
        width: 100%;
    }

    .history-wrapper .box-1 .mxfDiv .topDiv .layer {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .history-wrapper .box-1 .mxfDiv .topDiv .layer .txt {
        padding: 0.3rem 0.2rem 0.1rem 0.2rem;
        font-size: 0.18rem;
        color: #ff8400;
        font-weight: bold;
    }

    .history-wrapper .box-1 .mxfDiv .topDiv .layer .wen {
        padding-left: 0.2rem;
        padding-bottom: 0.1rem;
        color: #fffabf;
        font-size: 0.18rem;
        line-height: 0.18rem;
        text-transform: uppercase;
        font-family: mont;
    }

    .history-wrapper .box-1 .mxfDiv .topDiv .layer .content {
        font-size: 0.1rem;
        line-height: 0.21rem;
        color: #fff;
        padding: 0 0.2rem;
    }

    .history-wrapper .box-1 .mxfDiv .botDiv {
        display: block;
    }

    .history-wrapper .box-1 .mxfDiv .botDiv img {
        width: 100%;
    }

    .history-wrapper .box-2 {
        width: 100%;
        background: #fff;
        padding-top: 0px;
        height: auto;
    }

    .history-wrapper .box-2 .l7Div {
        display: none;
    }

    .history-wrapper .box-2 .list {
        display: block;
        position: relative;
        padding: 0.1rem 0 0.25rem;
        margin-bottom: 20px;
    }

    .history-wrapper .box-2 .list li{
        padding-left: 0.32rem;
        padding-bottom: 0.5rem;
        position: relative;
        background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20221121/319022d50c23e50d006bf6dd21017aea.png) left 0.06rem no-repeat;
        background-size: 0.15rem;
    }

    .history-wrapper .box-2 .list li .year{
        font-size: 0.12rem;
        color: #959595;
    }

    .history-wrapper .box-2 .list li .year em{
        font-family: mont;
        color: #5d9a1b;
        font-size: 0.21rem;
        line-height: 0.21rem;
        padding-right: 0.025rem;
    }

    .history-wrapper .box-2 .list li .txt {
        font-size: 0.18rem;
        color: #000;
        padding: 0.2rem 0;
        line-height: 0.24rem;
    }

    .history-wrapper .box-2 .list li .msg {
        padding-bottom: 0.15rem;
        font-size: 0.12rem;
        line-height: 0.24rem;
        color: #959595;
        padding-right: 0.15rem;
    }

    .history-wrapper .box-2 .list li .imgDiv {
        padding-right: 0.15rem;
    }

    .history-wrapper .box-2 .list li .imgDiv img {
        width: 100%;
    }

    .history-wrapper .box-2 .list:before {
        content: '';
        position: absolute;
        left: 0.06rem;
        top: 0;
        width: 0.02rem;
        background: #c0dea0;
        height: 100%;
    }

    .breadcrumb-box {
        display: none;
    }

    .culture-wrapper ul li {
        margin-bottom: 15px;
        position: static;
    }

    .culture-wrapper ul li:last-child {
        margin-bottom: 0px;
    }

    .culture-wrapper ul li:first-child {
        width: 100%;
    }

    .culture-wrapper ul li:first-child .info {
        bottom: 50px;
    }

    .culture-wrapper ul li:first-child .pic-box img {
        height: auto;
    }

    .culture-wrapper ul li:nth-child(2) {
        width: 100%;
    }

    .culture-wrapper ul li:nth-child(2) .info {
        top: 20px;
    }

    .culture-wrapper ul li:nth-child(2) .pic-box img {
        height: auto;
    }

    .culture-wrapper ul li:nth-child(3) {
        width: 100%;
    }

    .culture-wrapper ul li:nth-child(3) .info {
        padding-right: 20px;
        bottom: 30px;
    }

    .culture-wrapper ul li:nth-child(3) .pic-box img {
        height: auto;
    }

    .culture-wrapper .pic-box > img {
        height: auto;
    }

    .culture-wrapper .info {
        bottom: 30px;
        padding: 0 20px;
    }

    .culture-wrapper .en {
        font-size: 24px;
        line-height: 26px;
    }

    .culture-wrapper .title {
        font-size: 18px;
        line-height: 26px;
        margin: 6px auto;
    }

    .culture-wrapper .desc {
        font-size: 14px;
    }

    .culture-wrapper .info-box {
        height: auto;
        padding: 40px 30px;
    }

    .culture-wrapper .name {
        font-size: 20px;
    }

    .culture-wrapper .ename {
        margin-top: 12px;
    }

    .honor-wrapper .list ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .honor-wrapper .list li {
        width: 48%;
        margin-right: 0;
        /*padding: 20px 15px;*/
        margin-top: 4%;
    }

    .honor-wrapper .list li:nth-child(-n+2) {
        margin-top: 0;
    }

    .honor-wrapper .pic img {
        height: auto;
    }

    .honor-wrapper .icon .icon {
        width: 46px;
        height: 46px;
    }

    .honor-wrapper .icon .icon:before {
        background-size: 16px;
    }

    .honor-wrapper .info {
        margin-top: 20px;
    }

    .honor-wrapper .info .name {
        font-size: 12px;
    }

    .loading {
        margin-top: 30px;
        padding: 12px 0;
    }

    .loading a {
        width: 26px;
        height: 26px;
    }

    .service-wrapper .list ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .service-wrapper .list li {
        width: 48%;
        margin-right: 0;
        margin-top: 4%;
    }

    .service-wrapper .list li:nth-child(-n+2) {
        margin-top: 0;
    }

    .service-wrapper .pic img {
        height: 106px;
    }

    .service-wrapper .name {
        font-size: 12px;
        line-height: 40px;
    }

    .serviceinfo-wrapper .box-1 .item {
        width: 100%;
        margin-bottom: 30px;
    }

    .serviceinfo-wrapper .box-1 .item:last-child {
        margin-bottom: 30px;
    }

    .serviceinfo-wrapper .box-1 .caption {
        margin-bottom: 20px;
    }

    .serviceinfo-wrapper .box-1 .caption span {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .serviceinfo-wrapper .box-1 .relative-box {
        margin-top: 40px;
        margin-bottom: 25px;
    }

    .serviceinfo-wrapper .box-1 .relative-box p,
    .serviceinfo-wrapper .box-1 .relative-box p a {
        font-size: 12px;
    }

    .serviceinfo-wrapper .box-1 .relative-box p {
        padding-right: 0;
    }

    .serviceinfo-wrapper .box-1 .relative-box .return {
        position: static;
        width: 160px;
        line-height: 44px;
        margin: 30px auto 0;
    }

    .serviceinfo-wrapper .top {
        margin-bottom: 20px;
    }

    .serviceinfo-wrapper .top .title {
        font-size: 16px;
        border-width: 3px;
        padding-left: 12px;
        line-height: 18px;
    }

    .serviceinfo-wrapper .box-2 {
        padding: 50px 0;
    }

    .serviceinfo-wrapper .box-2 ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .serviceinfo-wrapper .box-2 ul li {
        width: 48%;
        margin-top: 4%;
        margin-right: 0;
    }

    .serviceinfo-wrapper .box-2 ul li:nth-child(3),
    .serviceinfo-wrapper .box-2 ul li:nth-child(4) {
        margin-top: 4%;
    }

    .serviceinfo-wrapper .box-2 .pic img {
        height: 110px;
    }

    .serviceinfo-wrapper .box-2 .info {
        padding: 20px 12px;
    }

    .serviceinfo-wrapper .box-2 .name {
        font-size: 14px;
    }

    .serviceinfo-wrapper .box-2 .desc {
        margin-top: 2px;
        height: 40px;
        -webkit-line-clamp: 2;
    }

    .solution-wrapper .box-1 .box-div {
        width: 100%;
    }

    .solution-wrapper .box-1 .box-div .serintro {
        margin-bottom: 25px;
    }

    .solution-wrapper .box-1 .box-div .right {
        display: none;
    }

    .solution-wrapper .box-1 .box-div .m-right {
        width: 100%;
        display: block;
    }

    .solution-wrapper .box-1 .box-div .m-right .left-nav {
        background: #fff;
        margin-bottom: 30px;
    }

    .solution-wrapper .box-1 .box-div .m-right .left-nav ul {
        display: -webkit-flex;
        flex-wrap: wrap;
    }

    .solution-wrapper .box-1 .box-div .m-right .left-nav li {
        width: 50%;
    }

    .solution-wrapper .box-1 .box-div .m-right .left-nav li a {
        font-size: 15px;
        line-height: 40px;
        padding: 0 5%;
        background: #f3f3f3;
        display: block;
        border-bottom: 1px solid #e8e8e8;
        position: relative;
    }

    .solution-wrapper .box-1 .box-div .m-right .left-nav li a:after {
        width: 100%;
        height: 100%;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        /*background: #af090b;*/
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0;
        transform-origin: 0;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

    .solution-wrapper .box-1 .box-div .m-right .left-nav li a span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        position: relative;
        z-index: 2;
    }

    .solution-wrapper .box-1 .box-div .m-right .left-nav .cur a {
        background-color: #3d509f;
    }

    .solution-wrapper .box-1 .box-div .m-right .left-nav .cur a span{
        color: #fff;
    }

    .solution-wrapper .box-1 .box-div .toptit {
        height: 35px;
        line-height: 35px;
    }

    .solution-wrapper .box-1 .box-div .toptit h3{
        font-size: 16px;
    }

    .solution-wrapper .box-2 .box-div .toptit h3{
        font-size: 16px;
    }

    .solution-wrapper .box-1 .box-div .serclassify{
        display: none;
    }

    /*.solution-wrapper .box-1 .box-div .serclassify li{*/
    /*    width: 48%;*/
    /*    line-height: 20px;*/
    /*}*/

    /*.solution-wrapper .box-1 .box-div .serclassify li:before{*/
    /*    top: 6px;*/
    /*}*/

    .solution-wrapper .btn-box {
        text-align: center;
    }

    .solution-wrapper .btn-box a {
        width: 126px;
        height: 42px;
        line-height: 42px;
        margin-right: 20px;
    }

    .solution-wrapper .btn-box a img {
        width: 20px;
        margin-right: 8px;
    }

    .solution-wrapper .box-2 {
        height: 575px;
        margin-top: 60px;
        padding: 40px 0 50px;
    }

    .solution-wrapper .box-2 .box-container {
        padding: 0px;
    }

    .solution-wrapper .box-2 .box-container .box-div {
        width: 100%;
    }

    .solution-wrapper .box-2 .box-container .box-div .toptit{
        width: 95%;
        margin-left: 10px;
    }

    .solution-wrapper .box-2 .box-container #box-2-list-server {
        display: none;
    }

    .solution-wrapper .box-2 .box-container .right {
        float: none;
        margin: 0 auto;
        width: 95%;
    }

    .solution-wrapper .box-2 .box-container .right ul {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
    }

    .solution-wrapper .box-2 .box-container .right li {
        width: 50%;
    }

    .solution-wrapper .box-2 .box-container .right li a {
        border-left: 0;
    }

    .solution-wrapper .box-2 .box-container .right li a span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    .solution-wrapper .box-2 .box-container .right .right-content {
        display: none;
    }

    .solution-wrapper .box-2 .box-container .left {
        margin-top: 20px;
        float: none;
        margin: 0 auto;
        width: 95%;
        height: 50vh;
    }

    .solution-wrapper .box-2 .box-container .left-title {
        display: block;
        background: #3d509f;
        color: #fff;
        text-align: left;
        font-size: 14px;
        padding: 10px;
        margin-top: 20px;
        margin-bottom: 20px;
        letter-spacing: 2px;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }

    .solution-wrapper .box-2 .box-container .left .clearfix {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .solution-wrapper .box-2 .box-container .leftvh {
        height: 0vh
    }

    .solution-wrapper .box-2 .swiper-btn {
        width: 30px;
        height: 30px;
    }

    .solution-wrapper .box-2 .prev {
        left: -15px;
    }

    .solution-wrapper .box-2 .next {
        right: -15px;
    }

    .solution-wrapper .cat-box {
        margin-bottom: 30px;
        padding: 0 30px;
    }

    .solution-wrapper .cat-box:before {
        height: 2px;
    }

    .solution-wrapper .cat-box .swiper-btn {
        display: block;
        margin-top: -8px;
    }

    .solution-wrapper .cat-swiper {
        padding-left: 0;
    }

    .solution-wrapper .cat-swiper .swiper-slide {
        padding-bottom: 10px;
    }

    .solution-wrapper .cat-swiper .swiper-slide:before {
        height: 2px;
    }

    .solution-wrapper .item .pic img {
        height: 110px;
    }

    .solution-wrapper .item .info {
        padding: 20px 12px;
    }

    .solution-wrapper .item .name {
        font-size: 14px;
    }

    .solution-wrapper .item .desc {
        margin-top: 2px;
        height: 40px;
        -webkit-line-clamp: 2;
    }

    .solution-wrapper .box-3 {
        margin-top: 40px;
    }

    .solution-wrapper .box-3 ul li {
        width: 48%;
        margin-top: 30px;
    }

    .solution-wrapper .box-3 ul li a {
        display: block;
    }

    .solution-wrapper .box-3 .pic {
        width: 100%;
    }

    .solution-wrapper .box-3 .info {
        width: 100%;
        margin-top: 20px;
    }

    .solution-wrapper .box-3 .title {
        font-size: 15px;
        line-height: 26px;
    }

    .solution-wrapper .box-3 .desc {
        line-height: 20px;
        max-height: 60px;
        margin: 4px auto 16px;
    }

    .solution-wrapper .box-3 .more {
        width: 26px;
        height: 26px;
    }

    .w1365 {
        width: 100%;
        padding: 0 15px;
    }

    .news .right {
        margin-left: 0;
        width: 100%;
        margin-top: 40px;
    }

    .news .inner-1,
    .news .inner-2 {
        padding: 30px 20px;
    }

    .news .inner-1 li {
        margin-bottom: 30px;
    }

    .news .inner-1 li:last-child {
        margin-bottom: 0;
    }

    .news .inner-1 .title {
        font-size: 18px;
        padding-bottom: 12px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .news .inner-1 .title:after {
        height: 2px;
        width: 30px;
    }

    .news .inner-1 .name {
        margin-top: 20px;
        font-size: 14px;
        line-height: 26px;
    }

    .news .inner-1 .date {
        line-height: 26px;
        margin-top: 6px;
    }

    .news .inner-1 .more {
        width: 26px;
        height: 26px;
    }

    .news .inner-2 {
        margin-top: 15px;
        padding-bottom: 30px;
    }

    .news .inner-2 .title {
        font-size: 18px;
    }

    .news .inner-2 .brief {
        font-size: 14px;
    }

    .news .inner-2 .detail {
        display: none;
    }

    .news .index-title-box {
        text-align: left;
    }

    .news-wrapper .main {
        display: block;
    }

    .news-wrapper .left {
        width: 100%;
    }

    .news-wrapper .left li {
        padding: 20px 15px 20px 0;
        margin-top: 15px;
    }

    .news-wrapper .left li:hover {
        padding-right: 80px;
    }

    .news-wrapper .left li .date {
        width: 84px;
        margin-right: 0;
    }

    .news-wrapper .left li .date .day {
        font-size: 30px;
        line-height: 30px;
    }

    .news-wrapper .left li .date p {
        font-size: 12px;
        margin-top: 4px;
    }

    .news-wrapper .left li .name {
        font-size: 15px;
        -webkit-line-clamp: 2;
        margin-bottom: 10px;
        line-height: 26px;
    }

    .news-wrapper .left li .desc {
        line-height: 20px;
        height: 40px;
        font-size: 12px;
    }

    .news-wrapper .left li .more {
        width: 50px;
    }

    .news-wrapper .first-news {
        margin-bottom: 30px;
    }

    .news-wrapper .first-news a {
        display: block;
    }

    .news-wrapper .first-news .info {
        width: 100%;
    }

    .news-wrapper .first-news .pic {
        width: 100%;
        margin-bottom: 30px;
    }

    .news-wrapper .first-news .date {
        font-size: 18px;
    }

    .news-wrapper .first-news .date span {
        font-size: 13px;
    }

    .news-wrapper .first-news .name {
        line-height: 26px;
        margin-top: 12px;
    }

    .news-wrapper .first-news .desc {
        margin: 10px auto 20px;
    }

    .newsinfo-wrapper .w1365 {
        display: block;
    }

    .newsinfo-wrapper .left {
        width: 100%;
    }

    .newsinfo-wrapper .top {
        padding-right: 0;
    }

    .newsinfo-wrapper .top h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .newsinfo-wrapper .other {
        margin-bottom: 15px;
    }

    .newsinfo-wrapper .other span {
        font-size: 12px;
        margin-right: 10px;
    }

    .newsinfo-wrapper .other img {
        width: 16px;
        margin-right: 6px;
    }

    .newsinfo-wrapper .share {
        display: none;
    }

    .newsinfo-wrapper .content {
        line-height: 26px;
    }

    .newsinfo-wrapper .relative-box {
        margin-top: 40px;
    }

    .newsinfo-wrapper .relative-box p,
    .newsinfo-wrapper .relative-box p a {
        font-size: 12px;
    }

    .newsinfo-wrapper .relative-box p {
        padding-right: 0;
    }

    .newsinfo-wrapper .relative-box .return {
        position: static;
        width: 160px;
        line-height: 44px;
        margin: 30px auto 0;
    }

    .page-caption {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .job-wrapper .left {
        width: 100%;
    }

    .job-wrapper .left ul li {
        border-width: 2px;
        margin-bottom: 15px;
    }

    .job-wrapper .left ul li.on .btn {
        bottom: 18px;
    }

    .job-wrapper .left ul li .top {
        display: block;
        padding: 24px 20px 24px 20px;
    }

    .job-wrapper .left ul li .top .desc {
        margin-top: 10px;
        padding-right: 80px;
    }

    .job-wrapper .left ul li .name {
        width: 100%;
        padding-right: 0;
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 8px;
    }

    .job-wrapper .left ul li .desc {
        line-height: 24px;
    }

    .job-wrapper .left ul li .desc span {
        display: block;
        margin-right: 0;
    }

    .job-wrapper .left ul li .btn {
        width: 72px;
        height: 32px;
        line-height: 32px;
        right: 15px;
        bottom: 30px;
        font-size: 12px;
    }

    .job-wrapper .left ul li .hide-box {
        padding: 10px 20px 70px;
    }

    .job-wrapper .left ul li .content {
        margin-bottom: 15px;
    }

    .job-wrapper .left ul li .btn-group {
        display: flex;
        display: -webkit-box;
        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box;
        /* Firefox 17- */
        display: -webkit-flex;
        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex;
        /* Firefox 18+ */
        display: -ms-flexbox;
        /* IE 10 */
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-top: 30px;
    }

    .job-wrapper .left ul li .btn-group a {
        width: 48%;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
    }

    .job-wrapper .left ul li .btn-group .cancel {
        margin-left: 0;
    }

    .job-wrapper .right {
        width: 100%;
        margin-top: 30px;
    }

    .job-wrapper .pic-box .info {
        width: 100%;
        padding: 60px 30px;
        line-height: 30px;
    }

    .job-wrapper .pic-box .name,
    .job-wrapper .pic-box .desc {
        font-size: 26px;
    }

    .job-wrapper .pic-box .desc {
        margin-top: 20px;
    }

    .job-wrapper .form {
        padding: 30px 20px 40px;
    }

    .job-wrapper .form .group {
        margin-bottom: 20px;
    }

    .job-wrapper .form .title {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .job-wrapper .form .caption {
        height: 42px;
        line-height: 42px;
        padding: 0 20px 0 15px;
    }

    .job-wrapper .form .caption:after {
        right: 15px;
    }

    .job-wrapper .form .list {
        max-height: 200px;
    }

    .job-wrapper .form .list a {
        line-height: 40px;
        padding: 0 15px;
    }

    .job-wrapper .box-1 .main {
        padding: 50px 15px 40px;
    }

    .job-wrapper .box-1 .main ul {
        flex-flow: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .job-wrapper .box-1 .main li {
        width: 48%;
        margin-right: 0;
        padding: 30px 15px;
        margin-top: 4%;
    }

    .job-wrapper .box-1 .main li:nth-child(-n+2) {
        margin-top: 0;
    }

    .job-wrapper .box-1 .icon {
        width: 70px;
        height: 70px;
        line-height: 70px;
        margin: 20px auto 16px;
        font-size: 32px;
    }

    .job-wrapper .box-1 .name {
        font-size: 18px;
        line-height: 26px;
    }

    .job-wrapper .box-1 p {
        line-height: 26px;
    }

    .job-wrapper .box-2 {
        margin-top: 50px;
    }

    .job-wrapper .box-2 .main {
        display: block;
    }

    .job-wrapper .box-2 .brief {
        margin-bottom: 20px;
    }

    .expert-wrapper .page-caption {
        font-size: 18px;
    }

    .expert-wrapper .box-1 .page-caption {
        text-align: left;
    }

    .expert-wrapper .box-1 .main {
        display: block;
    }

    .expert-wrapper .info {
        width: 100%;
        line-height: 26px;
    }

    .expert-wrapper .info .caption {
        font-size: 15px;
        line-height: 26px;
    }

    .expert-wrapper .pic {
        display: none;
        width: 100%;
        margin-top: 30px;
    }

    .expert-wrapper .box-2 {
        margin-top: 40px;
    }

    .expert-wrapper .box-2 .title {
        font-size: 15px;
        line-height: 50px;
    }

    .expert-wrapper .form {
        padding-bottom: 40px;
    }

    .expert-wrapper .group {
        display: block;
        margin-bottom: 20px;
    }

    .expert-wrapper label {
        display: block;
        width: 100%;
        font-size: 14px;
        padding-right: 0;
        margin-bottom: 8px;
    }

    .expert-wrapper label span {
        font-size: 14px;
    }

    .expert-wrapper .section,
    .expert-wrapper .title,
    .expert-wrapper .tips {
        padding-left: 20px;
        padding-right: 20px;
    }

    .expert-wrapper .section {
        display: block;
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .expert-wrapper .section:nth-child(2) .group {
        width: 100%;
    }

    .expert-wrapper .section:nth-child(2) label {
        width: 100%;
    }

    .expert-wrapper .text {
        width: 100%;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
        padding: 0 20px;
    }

    .expert-wrapper .msg textarea {
        height: 120px;
    }

    .expert-wrapper .tips {
        font-size: 12px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    .expert-wrapper .tips a {
        font-size: 18px;
    }

    .expert-wrapper .submit {
        width: 140px;
        height: 42px;
        line-height: 42px;
    }

    .contact-wrapper .box-1 {
        padding-top: 40px;
    }

    .contact-wrapper .box-1 .box-container {
        display: block;
    }

    .contact-wrapper .box-1 .index-title-box {
        text-align: left;
    }

    .contact-wrapper .contact {
        width: 100%;
    }

    .contact-wrapper .contact .tel {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .contact-wrapper .contact .desc,
    .contact-wrapper .contact .email {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .contact-wrapper .contact > p {
        margin-bottom: 0;
    }

    .contact-wrapper .map {
        width: 100%;
        height: 200px;
        margin-top: 20px;
    }

    .contact-wrapper .box-2 {
        margin-top: 40px;
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .contact-wrapper .box-2 .index-title-box {
        margin-bottom: 30px;
    }

    .contact-wrapper .box-2 .form {
        display: block;
    }

    .contact-wrapper .left {
        width: 100%;
    }

    .contact-wrapper .left .group {
        display: block;
        height: auto;
        background-color: transparent;
        padding: 0;
    }

    .contact-wrapper .left label {
        width: 100%;
    }

    .contact-wrapper label {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .contact-wrapper .right {
        width: 100%;
        margin-top: 20px;
    }

    .contact-wrapper .right .group {
        margin-bottom: 20px;
    }

    .contact-wrapper .right label {
        margin-bottom: 10px;
    }

    .contact-wrapper .right label img {
        margin-right: 10px;
    }

    .contact-wrapper .right label span {
        font-size: 16px;
    }

    .contact-wrapper .group {
        margin-bottom: 20px;
    }

    .contact-wrapper .btn-box {
        text-align: center;
    }

    .contact-wrapper .btn-box a {
        width: 130px;
        height: 44px;
        line-height: 44px;
    }

    .contact-wrapper .btn-box .submit {
        margin-right: 15px;
    }

    .contact-wrapper .text {
        width: 100%;
        line-height: 44px;
        height: 44px;
        padding: 0 20px;
    }

    .contact-wrapper .msg {
        line-height: 26px;
        padding: 10px 20px;
        height: 120px;
    }

    .suggestion-wrapper .content .email {
        font-size: 20px !important;
    }

    .suggestion-wrapper .ad-box {
        background-position: center center;
        margin: 30px auto;
        padding: 40px 20px;
    }

    .suggestion-wrapper .ad-box > img {
        width: 30px;
    }

    .suggestion-wrapper .ad-box .title,
    .suggestion-wrapper .ad-box .name {
        font-size: 18px;
        line-height: 30px;
    }

    .suggestion-wrapper .ad-box .name {
        margin-top: 20px;
    }

    .suggestion-wrapper .form {
        display: block;
    }

    .suggestion-wrapper .left {
        width: 100%;
    }

    .suggestion-wrapper .left .group {
        margin-bottom: 25px;
    }

    .suggestion-wrapper label {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .suggestion-wrapper .right {
        width: 100%;
        margin-top: 20px;
    }

    .suggestion-wrapper .right .group {
        margin-bottom: 20px;
    }

    .suggestion-wrapper .right label {
        margin-bottom: 10px;
    }

    .suggestion-wrapper .right label img {
        margin-right: 10px;
    }

    .suggestion-wrapper .right label span {
        font-size: 16px;
    }

    .suggestion-wrapper .group {
        margin-bottom: 20px;
    }

    .suggestion-wrapper .btn-box {
        text-align: center;
    }

    .suggestion-wrapper .btn-box a {
        width: 130px;
        height: 44px;
        line-height: 44px;
    }

    .suggestion-wrapper .btn-box .submit {
        margin-right: 15px;
    }

    .suggestion-wrapper .msg {
        line-height: 26px;
        padding: 10px 20px;
        height: 120px;
    }

    .quick-search-wrapper .box-container {
        display: flex;
        display: -webkit-box;
        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box;
        /* Firefox 17- */
        display: -webkit-flex;
        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex;
        /* Firefox 18+ */
        display: -ms-flexbox;
        /* IE 10 */
        align-items: flex-start;
        padding-top: 12px;
        padding-bottom: 12px;
        height: auto;
        line-height: 24px;
    }

    .quick-search-wrapper .title {
        font-size: 12px;
        margin-right: 10px;
    }

    .quick-search-wrapper .title img {
        width: 17px;
    }

    .quick-search-wrapper .list {
        height: auto;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .quick-search-wrapper .list a {
        font-size: 12px;
        margin-right: 10px;
    }

    .quick-search-wrapper .search {
        display: none;
    }

    .base-wrapper .box-1 .main {
        display: block;
    }

    .base-wrapper .box-1 .info {
        width: 100%;
    }

    .base-wrapper .box-1 .pic {
        width: 100%;
        margin-top: 40px;
    }

    .base-wrapper .box-1 .page-caption {
        margin-bottom: 10px;
    }

    .base-wrapper .box-1 .content {
        margin-top: 20px;
    }

    .base-wrapper .box-1 .en {
        font-size: 14px;
    }

    .base-wrapper .swiper-btn {
        width: 30px;
        height: 30px;
    }

    .base-wrapper .swiper-btn.prev {
        left: 0;
    }

    .base-wrapper .swiper-btn.next {
        right: 0;
    }

    .base-wrapper .box-7 .title-box {
        padding-top: 0;
        margin-bottom: 24px;
    }

    .base-wrapper .box-7 .title-box .title {
        font-size: 16px;
        padding-bottom: 6px;
        border-width: 2px;
    }

    .base-wrapper .box-7 .title-box .more {
        bottom: 6px;
    }

    .base-wrapper .box-7 .main {
        display: block;
    }

    .base-wrapper .box-7 .swiper-container {
        padding-bottom: 30px;
    }

    .base-wrapper .box-7 .swiper-pagination {
        display: block;
        bottom: 0;
        font-size: 0;
        border-top: 1px solid #ddd;
        padding-top: 24px;
    }

    .base-wrapper .box-7 .swiper-pagination .swiper-pagination-bullet {
        opacity: 1;
        background: none;
        margin: 0 5px;
        width: 8px;
        height: 8px;
        border: 1px solid #3d509f;
        transition: width 0.3s ease;
        -webkit-transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        -ms-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
    }

    .base-wrapper .box-7 .swiper-pagination .swiper-pagination-bullet:focus,
    .base-wrapper .box-7 .swiper-pagination .swiper-pagination-bullet:active,
    .base-wrapper .box-7 .swiper-pagination .swiper-pagination-bullet:link {
        outline: none;
    }

    .base-wrapper .box-7 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #3d509f;
        width: 24px;
        border-radius: 30px;
    }

    .base-wrapper .box-7 .left {
        width: 100%;
        margin-bottom: 40px;
    }

    .base-wrapper .box-7 .left .swiper-slide {
        line-height: 20px;
        padding-bottom: 20px;
        display: block;
    }

    .base-wrapper .box-7 .left .swiper-slide a {
        width: 100%;
        max-width: 100%;
    }

    .base-wrapper .box-7 .left .swiper-slide span {
        display: block;
        margin-top: 4px;
    }

    .base-wrapper .box-7 .left .name {
        font-size: 14px;
        line-height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        height: 72px;
        margin: 10px auto 0;
    }

    .base-wrapper .box-7 .left .desc {
        margin-bottom: 14px;
    }

    .base-wrapper .box-7 .left .first-box {
        padding-bottom: 30px;
        margin-bottom: 20px;
    }

    .base-wrapper .box-7 .left .first-box .pic {
        width: 48%;
    }

    .base-wrapper .box-7 .left .first-box .info {
        width: 48%;
    }

    .base-wrapper .box-7 .left .first-box .index-more,
    .base-wrapper .box-7 .left .first-box .desc {
        display: none;
    }

    .base-wrapper .box-7 .first-box .date {
        font-size: 14px;
    }

    .base-wrapper .box-8 {
        margin-top: 40px;
        padding: 40px 0;
    }

    .base-wrapper .box-8 .form {
        display: block;
    }

    .base-wrapper .box-8 .group {
        width: 100%;
        margin-bottom: 15px;
        margin-right: 0;
    }

    .base-wrapper .box-8 .group:nth-last-child(2) {
        width: 100%;
    }

    .base-wrapper .box-8 .group span {
        left: 18px;
        top: 13px;
    }

    .base-wrapper .box-8 .text,
    .base-wrapper .box-8 .submit {
        height: 44px;
        line-height: 44px;
    }

    .base-wrapper .box-8 .text {
        padding: 0 20px 0 30px;
    }

    .base-wrapper .box-8 .submit {
        width: 142px;
        font-size: 14px;
        display: block;
        margin: 30px auto 0;
    }

    .base-wrapper .box-8 .submit img {
        top: 4px;
        width: 17px;
    }

    .lab-wrapper .index-box-2 {
        margin-top: 50px;
        padding: 50px 0;
    }

    .lab-wrapper .index-box-2 .index-title-box {
        margin-bottom: 0;
    }

    .lab-wrapper .index-box-2 .info-swiper .info {
        padding: 0 15px 30px;
    }

    .lab-wrapper .index-box-2 .info-swiper .info .title {
        margin-bottom: 14px;
    }

    .lab-wrapper .box-3 {
        padding: 50px 0 20px;
    }

    .lab-wrapper .box-3 .index-title-box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .lab-wrapper .box-3 .box-container {
        padding: 0;
    }

    .lab-wrapper .box-3 .swiper-container {
        padding: 33px 0 30px;
        padding-left: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .lab-wrapper .box-3 .swiper-slide {
        width: 80%;
        padding: 30px 20px;
        box-shadow: none;
    }

    .lab-wrapper .box-3 .swiper-slide.swiper-slide-active:before {
        background-image: linear-gradient(0deg, #3d509f 0%, #4b6bf4 100%), linear-gradient(#3d509f, #3d509f);
        background-blend-mode: normal, normal;
    }

    .lab-wrapper .box-3 .swiper-slide.swiper-slide-active .icon {
        box-shadow: 0px 10px 20px 0px rgba(40, 167, 225, 0.2);
    }

    .lab-wrapper .box-3 .swiper-slide.swiper-slide-active .index-more {
        background-image: url(../img/more4.png);
    }

    .lab-wrapper .box-3 .swiper-slide.swiper-slide-active .name,
    .lab-wrapper .box-3 .swiper-slide.swiper-slide-active .desc {
        color: #fff;
    }

    .lab-wrapper .box-3 .swiper-slide.swiper-slide-active .ename {
        color: #98a7e2;
    }

    .lab-wrapper .box-3 .icon {
        width: 40px;
        height: 40px;
    }

    .lab-wrapper .box-3 .name {
        font-size: 18px;
        line-height: 26px;
        margin-top: 30px;
    }

    .lab-wrapper .box-3 .ename {
        font-size: 12px;
        height: 40px;
        line-height: 20px;
    }

    .lab-wrapper .box-3 .desc {
        line-height: 26px;
        height: 52px;
        margin-bottom: 30px;
    }

    .lab-wrapper .box-4 {
        padding: 50px 0;
    }

    .lab-wrapper .box-4 .list {
        background: none;
    }

    .lab-wrapper .box-4 ul {
        flex-flow: wrap;
        padding: 0;
    }

    .lab-wrapper .box-4 ul li {
        padding: 15px 10px 10px;
        width: 31.33%;
        margin-right: 3%;
        margin-top: 3%;
        border-radius: 15px;
    }

    .lab-wrapper .box-4 ul li:nth-child(-n+5) {
        margin-top: 0;
    }

    .lab-wrapper .box-4 ul li:nth-child(5) {
        margin-right: 0;
    }

    .lab-wrapper .box-4 ul li:first-child,
    .lab-wrapper .box-4 ul li:nth-child(2) {
        display: none;
    }

    .lab-wrapper .box-4 ul li p {
        margin-top: 12px;
    }

    .lab-wrapper .box-4 .icon {
        width: 46px;
        height: 46px;
    }

    .lab-wrapper .box-4 .key {
        font-size: 24px;
        line-height: 24px;
        margin: 12px auto 4px;
    }

    .lab-wrapper .box-5 {
        margin-top: 50px;
    }

    .lab-wrapper .box-5 .swiper-slide {
        border: none;
    }

    .lab-wrapper .box-5 .swiper-slide:first-child {
        border: none;
    }

    .lab-wrapper .box-5 .swiper-slide a {
        display: block;
        width: 100%;
        padding: 30px 15px;
    }

    .lab-wrapper .box-5 .list {
        display: none;
    }

    .lab-wrapper .box-5 .list .box-container {
        display: block;
    }

    .lab-wrapper .box-5 .name {
        font-size: 16px;
        line-height: 26px;
        max-height: inherit;
        margin-top: 20px;
        height: 52px;
    }

    .lab-wrapper .box-5 .desc {
        height: auto;
        margin: 8px auto 12px;
    }

    .lab-wrapper .box-5 .swiper-box {
        position: relative;
        display: block;
        border-bottom: 1px solid #eaeaea;
    }

    .lab-wrapper .box-5 .swiper-btn {
        display: inline-block;
        width: 32px;
        height: 32px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        top: 33%;
        z-index: 1;
        transition: background 0.3s ease;
        -webkit-transition: background 0.3s ease;
        -moz-transition: background 0.3s ease;
        -ms-transition: background 0.3s ease;
        -o-transition: background 0.3s ease;
    }

    .lab-wrapper .box-5 .prev {
        left: 25px;
        background-image: url(../img/prev5.png);
    }

    .lab-wrapper .box-5 .prev:hover {
        background-image: url(../img/prev6.png);
    }

    .lab-wrapper .box-5 .next {
        right: 25px;
        background-image: url(../img/next5.png);
    }

    .lab-wrapper .box-5 .next:hover {
        background-image: url(../img/next6.png);
    }

    .lab-wrapper .box-6 {
        margin-top: 50px;
        padding: 40px 0;
        background-position: right center;
    }

    .lab-wrapper .box-6 .title {
        font-size: 20px;
        line-height: 34px;
    }

    .lab-wrapper .box-6 .desc {
        font-size: 16px;
        line-height: 26px;
        margin-top: 12px;
    }

    .lab-wrapper .box-7 {
        margin-top: 40px;
    }

    .lab-wrapper .box-7 .box {
        padding: 0 15px;
    }

    .lab-wrapper .box-7 .right {
        display: block;
    }

    .lab-wrapper .box-7 .right .item {
        width: 100%;
        margin-left: 0;
    }

    .lab-wrapper .box-7 .item {
        margin-bottom: 30px;
    }

    .lab-wrapper .box-7 .item:last-child {
        margin-bottom: 0;
    }

    .lab-wrapper .box-7 .item .first-box:hover .name {
        font-weight: 700;
    }

    .lab-wrapper .box-7 .item .first-box .pic {
        width: 48%;
    }

    .lab-wrapper .box-7 .item .first-box .info {
        width: 48%;
    }

    .lab-wrapper .box-7 .item .first-box .name {
        margin-bottom: 15px;
    }

    .lab-wrapper .box-7 .item .name {
        font-size: 14px;
        line-height: 22px;
        height: 44px;
    }

    .lab-wrapper .box-7 .item .swiper-slide {
        padding: 20px 0;
    }

    .lab-wrapper .box-7 .item .swiper-slide .date {
        font-size: 14px;
    }

    .quality-wrapper .box-7,
    .safety-wrapper .box-7,
    .customs-wrapper .box-7 {
        margin-top: 40px;
    }

    .quality-wrapper .box-7 .right,
    .safety-wrapper .box-7 .right,
    .customs-wrapper .box-7 .right {
        width: 100%;
    }

    .quality-wrapper .box-7 .right .swiper-slide,
    .safety-wrapper .box-7 .right .swiper-slide,
    .customs-wrapper .box-7 .right .swiper-slide {
        padding: 0 0 20px;
        border-bottom: none;
    }

    .quality-wrapper .box-7 .right .pic,
    .safety-wrapper .box-7 .right .pic,
    .customs-wrapper .box-7 .right .pic {
        width: 40%;
    }

    .quality-wrapper .box-7 .right .info,
    .safety-wrapper .box-7 .right .info,
    .customs-wrapper .box-7 .right .info {
        margin-left: 15px;
    }

    .quality-wrapper .box-7 .right .name,
    .safety-wrapper .box-7 .right .name,
    .customs-wrapper .box-7 .right .name {
        font-size: 14px;
        height: 60px;
    }

    .quality-wrapper .box-7 .right .date,
    .safety-wrapper .box-7 .right .date,
    .customs-wrapper .box-7 .right .date {
        font-size: 14px;
        margin-top: 12px;
    }

    .quality-wrapper .index-box-1 {
        padding: 0;
        background: none;
        margin-top: 40px;
    }

    .quality-wrapper .box-3 {
        padding: 40px 0;
    }

    .quality-wrapper .box-3 .swiper-slide {
        width: 100%;
        text-align: center;
        padding: 0 60px;
    }

    .quality-wrapper .box-3 .icon {
        width: 80px;
        height: 80px;
    }

    .quality-wrapper .box-3 .title {
        font-size: 18px;
        line-height: 26px;
        margin: 22px auto 10px;
    }

    .quality-wrapper .box-3 .swiper-container {
        padding-bottom: 30px;
    }

    .quality-wrapper .box-3 .swiper-pagination {
        bottom: 0;
        font-size: 0;
    }

    .quality-wrapper .box-3 .swiper-pagination .swiper-pagination-bullet {
        opacity: 1;
        background: none;
        margin: 0 5px;
        width: 8px;
        height: 8px;
        border: 1px solid #3d509f;
        transition: width 0.3s ease;
        -webkit-transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        -ms-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
    }

    .quality-wrapper .box-3 .swiper-pagination .swiper-pagination-bullet:focus,
    .quality-wrapper .box-3 .swiper-pagination .swiper-pagination-bullet:active,
    .quality-wrapper .box-3 .swiper-pagination .swiper-pagination-bullet:link {
        outline: none;
    }

    .quality-wrapper .box-3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #3d509f;
        width: 24px;
        border-radius: 30px;
    }

    .quality-wrapper .box-4 {
        margin-top: 40px;
    }

    .quality-wrapper .box-4 .base-box {
        display: block;
    }

    .quality-wrapper .box-4 .base-box .info {
        width: 100%;
    }

    .quality-wrapper .box-4 .base-box .data {
        margin-top: 40px;
        width: 100%;
    }

    .quality-wrapper .box-4 .join {
        width: 140px;
        height: 44px;
        line-height: 44px;
        margin: 32px auto 0;
        display: none;
    }

    .quality-wrapper .box-4 .join.phone {
        display: block;
    }

    .quality-wrapper .box-4 .data ul {
        display: flex;
        display: -webkit-box;
        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box;
        /* Firefox 17- */
        display: -webkit-flex;
        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex;
        /* Firefox 18+ */
        display: -ms-flexbox;
        /* IE 10 */
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .quality-wrapper .box-4 .data li {
        text-align: center;
        margin-bottom: 0;
        max-width: 30.33%;
        margin-right: 4.5%;
    }

    .quality-wrapper .box-4 .data li:last-child {
        margin-right: 0;
    }

    .quality-wrapper .box-4 .data .num span {
        font-size: 26px;
        line-height: 26px;
    }

    .quality-wrapper .box-4 .data .num i {
        font-size: 22px;
        line-height: 22px;
        margin-left: 6px;
    }

    .quality-wrapper .box-4 .data p {
        font-size: 12px;
        margin-top: 2px;
    }

    .quality-wrapper .box-4 .swiper-box {
        margin-top: 40px;
    }

    .quality-wrapper .box-4 .swiper-container {
        padding: 0 0 30px;
        margin-left: auto;
        margin-right: auto;
    }

    .quality-wrapper .box-4 .swiper-slide .info {
        padding: 20px 15px;
    }

    .quality-wrapper .box-4 .pic img {
        height: 194px;
    }

    .quality-wrapper .box-4 .name {
        font-size: 14px;
        line-height: 24px;
    }

    .quality-wrapper .box-4 .desc {
        font-size: 12px;
        margin: 6px auto 10px;
    }

    .quality-wrapper .box-4 .more {
        font-size: 12px;
    }

    .quality-wrapper .box-4 .more i {
        width: 7px;
    }

    .quality-wrapper .box-5 {
        padding: 40px 0;
    }

    .quality-wrapper .box-5 ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .quality-wrapper .box-5 ul li {
        width: 48%;
        margin-right: 0;
        padding: 10px 15px;
        border-radius: 12px;
        margin-top: 4%;
    }

    .quality-wrapper .box-5 ul li:nth-child(3),
    .quality-wrapper .box-5 ul li:nth-child(4) {
        margin-top: 4%;
    }

    .quality-wrapper .box-5 .pic {
        width: 40px;
        height: 56px;
    }

    .quality-wrapper .box-5 .info {
        margin-left: 14px;
    }

    .quality-wrapper .box-5 .name {
        font-size: 12px;
        height: 30px;
        -webkit-line-clamp: 2;
    }

    .quality-wrapper .box-5 .icon {
        width: 10px;
        height: 12px;
        margin-top: 8px;
    }

    .safety-wrapper .box-1 .page-caption,
    .safety-wrapper .box-1 .en {
        text-align: center;
    }

    .safety-wrapper .box-2 {
        margin-top: 40px;
        padding: 40px 0;
    }

    .safety-wrapper .box-2 ul {
        display: block;
    }

    .safety-wrapper .box-2 ul li {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .safety-wrapper .box-2 ul li:last-child {
        margin-bottom: 0;
    }

    .safety-wrapper .box-2 .info {
        height: auto;
        padding: 30px 30px 40px;
    }

    .safety-wrapper .box-2 .title {
        line-height: 26px;
        margin: 20px auto 10px;
    }

    .safety-wrapper .box-2 .icon {
        width: 40px;
        height: 40px;
    }

    .safety-wrapper .box-3 {
        margin-top: 40px;
    }

    .safety-wrapper .box-3 ul {
        display: block;
    }

    .safety-wrapper .box-3 li {
        width: 100%;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .safety-wrapper .box-3 li:last-child {
        margin-bottom: 0;
    }

    .safety-wrapper .box-3 .pic {
        width: 45%;
    }

    .safety-wrapper .box-3 .info {
        width: 51%;
        padding-top: 0;
    }

    .safety-wrapper .box-3 .title {
        font-size: 14px;
        line-height: 22px;
    }

    .safety-wrapper .box-3 .desc {
        line-height: 15px;
        margin-top: 4px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }

    .safety-wrapper .box-4 {
        position: relative;
        margin-top: 40px;
        padding-top: 40px;
    }

    .safety-wrapper .box-4 .main {
        display: block;
    }

    .safety-wrapper .box-4 .pic-box {
        width: 100%;
    }

    .safety-wrapper .box-4 .info-box {
        width: 100%;
        padding: 30px 20px 40px;
        line-height: 24px;
    }

    .safety-wrapper .box-4 .info-box li {
        margin-bottom: 20px;
    }

    .safety-wrapper .box-4 .caption {
        font-size: 15px;
    }

    .safety-wrapper .box-4 .info {
        padding: 20px 15px;
    }

    .safety-wrapper .box-4 .en {
        top: 42px;
        font-size: 28px;
        line-height: 28px;
    }

    .safety-wrapper .box-4 .title {
        font-size: 20px;
        line-height: 32px;
    }

    .safety-wrapper .box-5 {
        margin-top: 40px;
    }

    .safety-wrapper .box-5 .swiper-slide {
        background-color: #f7f7f7;
    }

    .safety-wrapper .box-5 .swiper-slide a {
        padding: 30px 20px;
        text-align: center;
    }

    .safety-wrapper .box-5 .name {
        font-size: 16px;
        line-height: 26px;
        max-height: 52px;
        margin-top: 30px;
    }

    .website-wrapper ul li {
        padding: 18px 0;
    }

    .website-wrapper ul li:first-child {
        padding-top: 0;
    }

    .website-wrapper ul li .cat {
        font-size: 15px;
    }

    .website-wrapper ul li .navs {
        margin-top: 8px;
        display: flex;
        display: -webkit-box;
        /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box;
        /* Firefox 17- */
        display: -webkit-flex;
        /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex;
        /* Firefox 18+ */
        display: -ms-flexbox;
        /* IE 10 */
        flex-flow: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .website-wrapper ul li .navs a {
        position: relative;
        width: 48%;
        margin-right: 0;
        margin-bottom: 10px;
        padding-left: 10px;
        min-width: inherit;
    }

    .website-wrapper ul li .navs a:nth-child(3n) {
        margin-right: 0;
    }

    .website-wrapper ul li .navs a:before {
        position: absolute;
        left: 0;
        top: 6px;
        z-index: 10;
        margin-right: 0;
    }

    .page-wrapper .content {
        line-height: 26px;
        min-height: 150px;
    }

    .customs-wrapper {
        padding-top: 50px;
    }

    .customs-wrapper .index-title-box {
        margin-bottom: 30px;
    }

    .customs-wrapper .btn-box {
        text-align: center;
        margin-top: 40px;
    }

    .customs-wrapper .btn-box a {
        width: 126px;
        height: 42px;
        line-height: 42px;
        margin-right: 20px;
    }

    .customs-wrapper .btn-box a img {
        width: 20px;
        margin-right: 8px;
    }

    .customs-wrapper .swiper-container {
        padding-bottom: 40px;
    }

    .customs-wrapper .swiper-pagination {
        display: block;
        bottom: 0;
        font-size: 0;
    }

    .customs-wrapper .swiper-pagination .swiper-pagination-bullet {
        opacity: 1;
        background: none;
        margin: 0 5px;
        width: 8px;
        height: 8px;
        border: 1px solid #3d509f;
        transition: width 0.3s ease;
        -webkit-transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        -ms-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
    }

    .customs-wrapper .swiper-pagination .swiper-pagination-bullet:focus,
    .customs-wrapper .swiper-pagination .swiper-pagination-bullet:active,
    .customs-wrapper .swiper-pagination .swiper-pagination-bullet:link {
        outline: none;
    }

    .customs-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #3d509f;
        width: 24px;
        border-radius: 30px;
    }

    .customs-wrapper .box-1 .index-title-box {
        margin-bottom: 20px;
    }

    .customs-wrapper .box-2 {
        margin-top: 40px;
        padding: 40px 0;
        background-position: center center;
    }

    .customs-wrapper .box-2 .index-title-box {
        margin-bottom: 30px;
    }

    .customs-wrapper .box-2 .swiper-slide p {
        font-size: 15px;
        line-height: 24px;
        min-height: auto;
        margin-top: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        max-height: 72px;
    }

    .customs-wrapper .box-2 .icon {
        width: 70px;
        height: 70px;
    }

    .customs-wrapper .box-2 .swiper-pagination .swiper-pagination-bullet {
        border-color: #fff;
    }

    .customs-wrapper .box-2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #fff;
    }

    .customs-wrapper .box-3 {
        padding: 40px 0 50px;
    }

    .customs-wrapper .box-3 .box-container {
        padding: 0;
    }

    .customs-wrapper .box-3 .index-title-box {
        padding: 0 15px;
    }

    .customs-wrapper .box-3 .swiper-container {
        padding-bottom: 0;
        padding-left: 15px;
    }

    .customs-wrapper .box-3 .swiper-slide {
        width: 80%;
        padding: 30px 20px;
        box-shadow: none;
        margin-right: 15px;
    }

    .customs-wrapper .box-3 .swiper-slide.swiper-slide-active:before {
        background-image: linear-gradient(0deg, #3d509f 0%, #4b6bf4 100%), linear-gradient(#3d509f, #3d509f);
        background-blend-mode: normal, normal;
    }

    .customs-wrapper .box-3 .swiper-slide.swiper-slide-active .icon {
        box-shadow: 0px 10px 20px 0px rgba(40, 167, 225, 0.2);
    }

    .customs-wrapper .box-3 .swiper-slide.swiper-slide-active .name,
    .customs-wrapper .box-3 .swiper-slide.swiper-slide-active .desc {
        color: #fff;
    }

    .customs-wrapper .box-3 .icon {
        width: 40px;
        height: 40px;
    }

    .customs-wrapper .box-3 .name {
        font-size: 18px;
        line-height: 26px;
        margin-top: 30px;
    }

    .customs-wrapper .box-3 .desc {
        line-height: 24px;
        margin-bottom: 30px;
    }

    .customs-wrapper .box-3 .swiper-btn {
        border-radius: 50%;
        box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
    }

    .customs-wrapper .box-3 .prev {
        background-image: url(../img/prev8.png);
    }

    .customs-wrapper .box-3 .prev:hover {
        background-image: url(../img/prev4.png);
    }

    .customs-wrapper .box-3 .next {
        background-image: url(../img/next8.png);
    }

    .customs-wrapper .box-3 .next:hover {
        background-image: url(../img/next4.png);
    }

    .customs-wrapper .box-4 {
        padding: 40px 0;
    }

    .customs-wrapper .box-4 .index-title-box {
        margin-bottom: 18px;
    }

    .customs-wrapper .box-4 .title {
        line-height: 26px;
        font-size: 18px;
    }

    .customs-wrapper .box-5 {
        margin-top: 44px;
    }

    .customs-wrapper .box-5 .box-container {
        display: block;
        padding: 0;
    }

    .customs-wrapper .box-5 .left,
    .customs-wrapper .box-5 .right .swiper-slide {
        border-radius: 15px;
    }

    .customs-wrapper .box-5 .left {
        width: 100%;
        padding: 0 15px;
        background: none;
        box-shadow: none;
    }

    .customs-wrapper .box-5 .left .title {
        color: #333;
        line-height: 30px;
        text-align: center;
        margin-bottom: 24px;
    }

    .customs-wrapper .box-5 .left img {
        display: none;
    }

    .customs-wrapper .box-5 .right {
        display: block;
    }

    .customs-wrapper .box-5 .right .title {
        top: -8px;
        height: 42px;
        line-height: 40px;
        padding: 0 15px;
        border-radius: 5px;
    }

    .customs-wrapper .box-5 .right .swiper-slide {
        width: 80%;
    }

    .customs-wrapper .box-5 .swiper-container {
        padding-top: 10px;
        padding-left: 15px;
    }

    .customs-wrapper .box-5 .swiper-slide {
        margin-left: 0;
        margin-right: 15px;
        line-height: 30px;
        border-width: 2px;
        padding: 60px 20px 36px 30px;
    }

    .customs-wrapper .box-5 .swiper-slide li {
        margin-bottom: 8px;
    }

    .customs-wrapper .box-5 .swiper-slide li div {
        padding-left: 15px;
    }

    .customs-wrapper .box-5 .swiper-slide .title {
        min-width: 150px;
    }

    .customs-wrapper .box-5 .title {
        font-size: 18px;
    }

    .customs-wrapper .box-5 .name {
        font-size: 15px;
    }

    .customs-wrapper .box-5 .name:before {
        width: 8px;
        height: 8px;
        border-width: 2px;
        top: 10px;
    }

    .customs-wrapper .box-5 .desc {
        line-height: 20px;
        font-size: 12px;
    }

    .customs-wrapper .box-6 {
        margin-top: 44px;
        padding: 40px 0;
    }

    .customs-wrapper .box-6 .index-title-box {
        padding: 0 15px;
    }

    .customs-wrapper .box-6 .box-container {
        padding: 0;
    }

    .customs-wrapper .box-6 .swiper-container {
        padding-left: 15px;
    }

    .customs-wrapper .box-6 .swiper-slide {
        width: 80%;
    }

    .customs-wrapper .box-6 .swiper-slide.swiper-slide-active {
        width: 80%;
        padding-left: 0;
        padding-right: 0;
    }

    .customs-wrapper .box-6 .swiper-slide.swiper-slide-active .pic {
        opacity: 1;
        visibility: visible;
    }

    .customs-wrapper .box-6 .swiper-slide.swiper-slide-active .icon img {
        display: none;
    }

    .customs-wrapper .box-6 .swiper-slide.swiper-slide-active .icon img.on {
        display: block;
    }

    .customs-wrapper .box-6 .swiper-slide.swiper-slide-active .name {
        color: #fff;
    }

    .customs-wrapper .box-6 .swiper-slide.swiper-slide-active .desc {
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
    }

    .customs-wrapper .box-6 .swiper-slide.swiper-slide-active .brief {
        bottom: 0;
    }

    .customs-wrapper .box-6 .swiper-slide.swiper-slide-active .info {
        padding-left: 24px;
        padding-right: 24px;
    }

    .customs-wrapper .box-6 .pic img {
        height: auto;
    }

    .customs-wrapper .box-6 .info {
        padding: 40px 20px;
        line-height: 26px;
    }

    .customs-wrapper .box-6 .name {
        font-size: 18px;
        min-height: inherit;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        max-height: 52px;
    }

    .customs-wrapper .box-6 .icon {
        width: 36px;
        margin: 24px 0 30px;
    }

    .customs-wrapper .box-6 .desc,
    .customs-wrapper .box-6 .brief {
        line-height: 20px;
        max-height: 90px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .customs-wrapper .box-6 .brief {
        font-size: 13px;
        padding: 15px 24px;
    }

    .customs-wrapper .box-9 {
        margin-top: 44px;
    }

    .customs-wrapper .box-9 .list ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .customs-wrapper .box-9 li {
        width: 48%;
        margin-right: 0;
        margin-top: 0;
        margin-top: 15px;
        border-width: 3px;
    }

    .customs-wrapper .box-9 li:nth-child(3),
    .customs-wrapper .box-9 li:nth-child(4) {
        margin-top: 15px;
    }

    .customs-wrapper .box-9 li:before,
    .customs-wrapper .box-9 li:after {
        height: 3px;
    }

    .customs-wrapper .box-9 .pic img {
        height: auto;
    }

    .customs-wrapper .box-9 .info {
        padding: 20px 15px;
    }

    .customs-wrapper .box-9 .name {
        font-size: 16px;
        line-height: 26px;
    }

    .customs-wrapper .box-9 .desc {
        min-height: inherit;
        margin-top: 4px;
        text-align: center;
        font-size: 13px;
        line-height: 20px;
    }

    .customs-wrapper .box-10 {
        margin-top: 40px;
        padding: 40px 0 20px;
    }

    .customs-wrapper .box-10 .box-copntainer {
        padding: 0;
    }

    .customs-wrapper .box-10 .index-title-box {
        margin-bottom: 20px;
        padding: 0 15px;
    }

    .customs-wrapper .box-10 .swiper-container {
        padding: 0 0 20px;
        margin: 0;
    }

    .customs-wrapper .box-10 .swiper-slide {
        border-radius: 8px;
    }

    .customs-wrapper .box-10 .swiper-slide img {
        height: 75px;
    }

    .customs-wrapper .box-10 .swiper-btn {
        margin-top: -10px;
        border-radius: 50%;
        box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
    }

    .customs-wrapper .box-10 .prev {
        left: -15px;
        background-image: url(../img/prev8.png);
    }

    .customs-wrapper .box-10 .prev:hover {
        background-image: url(../img/prev4.png);
    }

    .customs-wrapper .box-10 .next {
        right: -15px;
        background-image: url(../img/next8.png);
    }

    .customs-wrapper .box-10 .next:hover {
        background-image: url(../img/next4.png);
    }

    .customs-wrapper .box-7 {
        margin-top: 40px;
    }
}